/* =========================================================================
   Serena Carniel — Design Tokens
   Source : 02_BRANDING/brand_identity.md §7 (DRAFT v0.3)
   + complements refonte_design_plan.md Pass 5
   ========================================================================= */

:root {
  /* ---- Palette monochrome brown / cream ---- */
  --sc-brown:        #432B1E;
  --sc-brown-line:   #5A3A2A;
  --sc-cream:        #F0E6D8;
  --sc-cream-light:  #F7F1E6;
  --sc-white:        #FFFFFF;

  /* ---- Accents pierres (à utiliser homéopathiquement, 1 par écran max) ---- */
  --sc-stone-chrysocolle: #2A8A8C;
  --sc-stone-rubis:       #8A2230;
  --sc-stone-amethyste:   #6A4A7C;
  --sc-stone-ambre:       #C88A2A;
  --sc-stone-onyx:        #1F1F1F;
  --sc-stone-larimar:     #6AA8B8;

  /* ---- Typographie ---- */
  --sc-font-primary: 'Italiana', 'Playfair Display', Georgia, serif;
  --sc-font-body:    'Cormorant Garamond', Georgia, 'Times New Roman', serif;

  /* Echelle typo fluide */
  --sc-h1:      clamp(48px, 7vw, 96px);
  --sc-h2:      clamp(36px, 5vw, 64px);
  --sc-h3:      clamp(24px, 3vw, 36px);
  --sc-body-lg: 22px;
  --sc-body:    18px;
  --sc-ui:      14px;

  /* ---- Layout ---- */
  --sc-container:        1280px;
  --sc-container-narrow: 880px;
  --sc-radius:           2px;
  --sc-radius-img:       0px;

  /* ---- Spacing scale (4px base) ---- */
  --sc-space-1: 4px;
  --sc-space-2: 8px;
  --sc-space-3: 16px;
  --sc-space-4: 24px;
  --sc-space-5: 32px;
  --sc-space-6: 48px;
  --sc-space-7: 72px;
  --sc-space-8: 120px;

  /* ---- Motion ---- */
  --sc-ease:   cubic-bezier(0.4, 0, 0.2, 1);
  --sc-fast:   200ms;
  --sc-normal: 300ms;
}

/* Hooks Astra (variables natives Astra remappées sur tokens SC) */
:root {
  --ast-global-color-0: var(--sc-brown);        /* Astra primary */
  --ast-global-color-1: var(--sc-brown-line);   /* Astra secondary */
  --ast-global-color-2: var(--sc-brown);        /* Astra text */
  --ast-global-color-3: var(--sc-brown-line);   /* Astra link */
  --ast-global-color-4: var(--sc-brown);        /* Astra link hover */
  --ast-global-color-5: var(--sc-cream);        /* Astra background */
  --ast-global-color-6: var(--sc-cream-light);  /* Astra alt background */
  --ast-global-color-7: var(--sc-brown-line);   /* Astra borders */
  --ast-global-color-8: var(--sc-cream);
}