/* =====================================================================
   LE STUDIO — DESIGN TOKENS  (Brand Production Handoff V1.0)
   Locked: Tour 4a §04 + Patch 4b. Do NOT add colours.
   No decorative green / orange / red anywhere. Blue is contextual only:
   never small text on the wrong ground, never a page background.
   ===================================================================== */
:root{
  /* --- Base palette (raw, locked) --- */
  --ls-ink:#101014;             /* surface-night · text on paper            */
  --ls-paper:#F2EEE3;           /* surface-paper · text on ink              */
  --ls-white:#FFFFFF;           /* photography & product surfaces ONLY      */
  --ls-majorelle:#2525FF;       /* Majorelle — accent on light grounds      */
  --ls-majorelle-soft:#8B85FF;  /* Majorelle — accent on dark grounds       */

  /* --- Semantic tokens · 8 locked (opacities baked) --- */
  --surface-night:#101014;
  --surface-paper:#F2EEE3;
  --text-primary-light:#101014;              /* 100% — body on paper       */
  --text-primary-dark:#F2EEE3;               /* 100% — body on ink         */
  --text-muted-light:rgba(16,16,20,0.62);    /* captions on paper          */
  --text-muted-dark:rgba(242,238,227,0.70);  /* captions on ink            */
  --rule-light:rgba(16,16,20,0.15);          /* dividers on paper          */
  --rule-dark:rgba(242,238,227,0.14);        /* dividers on ink            */

  /* --- Accent (contextual, out of the text-token set) --- */
  --accent-on-light:#2525FF;
  --accent-on-dark:#8B85FF;

  /* --- Type families (see fonts/FONTS.md) --- */
  --font-display:'Bodoni Moda', Georgia, serif;              /* H1, H2, slogan   */
  --font-ui:'Archivo', system-ui, -apple-system, sans-serif; /* wordmark, H3, body, CTA */
  --font-mono:'JetBrains Mono', ui-monospace, monospace;     /* captions, meta   */
  --font-arabic-display:'Amiri', serif;                      /* NATIVE VALIDATION REQUIRED */
  --font-arabic-ui:'IBM Plex Sans Arabic', sans-serif;       /* NATIVE VALIDATION REQUIRED */

  /* --- √2 modular scale (each step ×1.414) — reference --- */
  --step--1:11px; --step-0:16px; --step-1:23px; --step-2:32px;
  --step-3:45px; --step-4:64px; --step-5:91px; --step-6:128px;

  /* --- Mouvement : une seule courbe, une seule signature ---
     « la couture » = l'arête Majorelle qui balaie et rend lisible.
     Aucune couleur ajoutée : la couture réutilise --accent. */
  --seam:2px;                       /* épaisseur de l'arête de révélation */
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* Mode Nuit — impact / desire */
[data-mode="night"]{
  --surface:var(--surface-night);
  --text-primary:var(--text-primary-dark);
  --text-muted:var(--text-muted-dark);
  --rule:var(--rule-dark);
  --accent:var(--accent-on-dark);
  color-scheme:dark;
}
/* Mode Papier — clarity / conversion */
[data-mode="paper"]{
  --surface:var(--surface-paper);
  --text-primary:var(--text-primary-light);
  --text-muted:var(--text-muted-light);
  --rule:var(--rule-light);
  --accent:var(--accent-on-light);
  color-scheme:light;
}