/* ==============================================
   SIDONIE CRÉA — Variables CSS
   Charte graphique officielle — Avril 2026
   ============================================== */

:root {
  /* ── Couleurs principales ─────────────────── */
  --color-cream:       #F5EFE0;
  --color-sand:        #EAD9B8;
  --color-linen:       #D9C9A3;

  /* ── Couleurs d'accentuation ──────────────── */
  --color-brown:       #7B4F2E;
  --color-brown-dark:  #4E2E14;
  --color-ochre:       #C8862A;
  --color-ochre-light: #E8A84A;

  /* ── Neutres ──────────────────────────────── */
  --color-white:       #FFFDF8;
  --color-gray-soft:   #9E8B78;
  --color-border:      #D4C4A0;

  /* ── Sémantique ───────────────────────────── */
  --color-success:     #6B8F5E;
  --color-error:       #B05040;

  /* ── Typographie ──────────────────────────── */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Lato', Helvetica, sans-serif;

  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-md:   1.125rem;   /* 18px */
  --text-lg:   1.375rem;   /* 22px */
  --text-xl:   1.75rem;    /* 28px */
  --text-2xl:  2.25rem;    /* 36px */
  --text-hero: 3rem;       /* 48px */

  /* ── Espacement ───────────────────────────── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* ── Layout ───────────────────────────────── */
  --container-max: 1200px;
  --container-pad: var(--space-lg);
  --grid-gap:      var(--space-lg);

  /* ── Composants ───────────────────────────── */
  --radius-sm: 3px;
  --radius:    4px;
  --radius-md: 6px;

  /* ── Transitions (max 150ms — charte) ─────── */
  --transition: 150ms ease;
}