/* ============================================================
   Lumis · design tokens v1
   --------------------------------------------------------
   The 10-token brand system. Every Lumis surface inherits
   these. Each dimension color is a token that maps 1:1 to a
   D1-D8 dimension — color carries meaning, not decoration.
   ============================================================ */

:root {
  /* Surfaces */
  --paper: #FBFAF7;        /* Background, inherited from Rapid Rise family */
  --ink:   #0F1729;        /* Body text, deep navy-ink */
  --mute:  #6E7A8A;        /* Soft graphite — dividers, secondary text */

  /* Dimensional colors — each maps to one D1..D8 dimension */
  --d1-perf:    #2563EB;   /* D1 · Performance technique         · cobalt */
  --d2-seo:     #EA580C;   /* D2 · SEO on-page                   · burnt orange */
  --d3-index:   #16A34A;   /* D3 · Indexation                    · green */
  --d4-multi:   #C026D3;   /* D4 · Couverture multilingue        · magenta */
  --d5-ai:      #7C3AED;   /* D5 · Visibilité IA                 · violet · differentiator */
  --d6-a11y:    #EAB308;   /* D6 · Accessibilité                 · yellow */
  --d7-social:  #DB2777;   /* D7 · Présence sociale & réputation · pink */
  --d8-paid:    #6B7280;   /* D8 · Empreinte payante observable  · graphite · hors moyenne */

  /* Typography stack */
  --display: 'Geist', system-ui, -apple-system, sans-serif;
  --body:    'Geist', system-ui, -apple-system, sans-serif;
  --mono:    'Geist Mono', 'SF Mono', Consolas, monospace;

  /* Type scale (use sparingly — restraint is brand) */
  --t-hero:  clamp(56px, 9vw, 128px);
  --t-h1:    clamp(40px, 5vw, 72px);
  --t-h2:    clamp(28px, 3vw, 44px);
  --t-h3:    20px;
  --t-body:  16px;
  --t-meta:  12px;
  --t-mono:  13px;

  /* Letter spacing */
  --ls-hero: -0.045em;
  --ls-h:    -0.025em;
  --ls-meta: 0.18em;       /* uppercase eyebrow labels */
}

/* ============================================================
   Hard rules — anti-patterns (do not violate)
   ============================================================
   1. No color outside the 10 tokens above.
   2. No gradients between dimensional colors (they're discrete signals).
   3. No glowing orbs, no neural-net meshes, no robot avatars.
   4. No AI-generated stock imagery.
   5. Color is information, not decoration.
   ============================================================ */