/* GÉNÉRÉ par packages/web-shell/scripts/gen-tokens-web.mjs — NE PAS ÉDITER À LA MAIN.
   Source unique : docs/tokens.json (« EA Nexus système unifié », v1),
   importée du projet Claude Design — elle non plus ne s'édite pas à la main.
   Régénérer :  pnpm --filter @eanexus/web-shell gen:tokens-web
   Dérive verrouillée : le même script avec --check compare ce fichier à ce qu'il
   générerait, et échoue s'ils diffèrent (patron packages/protocol/codegen). */
:root {
  /* Rôles de surface et de texte — le vocabulaire du design, tel quel. */
  --bg: #161826;
  --bg-lift: #1c202d;
  --surface: #232532;
  --surface-raised: #2b2e3a;
  --sunken: #131624;
  --text: #e9e9ed;
  --text-muted: #9397ab;
  --text-faint: #75798c;
  --divider: rgba(233,233,237,0.16);

  /* Sémantique : l'état, jamais l'identité. */
  --success: #57a765;
  --warning: #d6b35b;
  --danger: #d4716b;

  /* Échelle typographique (base 1280x720, Inter (Regular, Medium)). */
  --t-brand: 64px;  --w-brand: 500;  --tr-brand: -0.025em;
  --t-display: 44px;  --w-display: 500;  --tr-display: -0.02em;
  --t-h1: 32px;  --w-h1: 500;  --tr-h1: -0.015em;
  --t-h2: 24px;  --w-h2: 500;
  --t-h3: 19px;  --w-h3: 500;
  --t-body: 16px;  --w-body: 400;
  --t-ui: 14px;  --w-ui: 500;
  --t-label: 13px;  --w-label: 400;
  --t-micro: 11px;  --w-micro: 500;  --tr-micro: 0.1em;  --tt-micro: uppercase;

  /* Espacement : l'échelle du design, ni un pas de plus. */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;

  /* Rayons. */
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 14px;

  /* Chrome — noms du précédent CSS du dépôt (tools/design-system), valeurs de la donnée.
     La feuille d'écrans porte les mêmes cotes sous son vocabulaire à elle ; l'égalité des
     deux sources est tenue par tools/design-tokens-check.mjs (registre CHROME). */
  --h-titlebar: 40px;
  --h-statusbar: 44px;
  --w-rail: 56px;
  --h-btn-compact: 36px;
  --h-btn-ecran: 44px;
  --h-btn-scene: 56px;

  /* Les accents du parc, rampes comprises : --accent-<produit>-<cran>. Une carte
     COMPLÈTE, pour que la teinte d'un produit soit adressable depuis n'importe quelle
     page (une régie montre les six). L'accent COURANT d'une coquille est --accent,
     posé au montage par la coquille elle-même — jamais un hex chez un consommateur. */
  /* EA Castle (oklch 0.66 0.125 289) */
  --accent-ea-castle: #9184d9;
  --accent-ea-castle-100: #f5f4ff; --accent-ea-castle-200: #e7e5fe; --accent-ea-castle-300: #d2cefd; --accent-ea-castle-400: #b5abfc; --accent-ea-castle-500: #968ae0; --accent-ea-castle-600: #796cbf; --accent-ea-castle-700: #5d5294; --accent-ea-castle-800: #423a6a; --accent-ea-castle-900: #2b2741;
  /* EA Bowl (oklch 0.66 0.125 45) */
  --accent-ea-bowl: #d0774e;
  --accent-ea-bowl-100: #fff3ee; --accent-ea-bowl-200: #fde2d6; --accent-ea-bowl-300: #fac8b2; --accent-ea-bowl-400: #f49f79; --accent-ea-bowl-500: #d77d53; --accent-ea-bowl-600: #b65f35; --accent-ea-bowl-700: #8d4827; --accent-ea-bowl-800: #65331b; --accent-ea-bowl-900: #3f2317;
  /* EA LiveDeck (oklch 0.66 0.090 200) */
  --accent-ea-livedeck: #42a3a8;
  --accent-ea-livedeck-100: #eef8f8; --accent-ea-livedeck-200: #d6edef; --accent-ea-livedeck-300: #b1dee0; --accent-ea-livedeck-400: #73c8cc; --accent-ea-livedeck-500: #48a9ae; --accent-ea-livedeck-600: #228a8f; --accent-ea-livedeck-700: #176a6e; --accent-ea-livedeck-800: #104c4f; --accent-ea-livedeck-900: #153032;
  /* EA Colosseum (oklch 0.66 0.125 355) */
  --accent-ea-colosseum: #cd7096;
  --accent-ea-colosseum-100: #fef2f6; --accent-ea-colosseum-200: #fcdfe9; --accent-ea-colosseum-300: #f8c3d6; --accent-ea-colosseum-400: #f198bb; --accent-ea-colosseum-500: #d3759c; --accent-ea-colosseum-600: #b2587e; --accent-ea-colosseum-700: #8a4261; --accent-ea-colosseum-800: #632e45; --accent-ea-colosseum-900: #3e212c;
  /* EA Floor (oklch 0.66 0.125 245) */
  --accent-ea-floor: #4799d9;
  --accent-ea-floor-100: #eef7ff; --accent-ea-floor-200: #d6ebfe; --accent-ea-floor-300: #b1dafd; --accent-ea-floor-400: #76bffc; --accent-ea-floor-500: #4d9fe0; --accent-ea-floor-600: #2b80bf; --accent-ea-floor-700: #1e6294; --accent-ea-floor-800: #16466a; --accent-ea-floor-900: #162e41;
  /* EA Licence (oklch 0.67 0.157 132) */
  --accent-ea-licence: #70a936;
  /* pas de rampe publiée : un consommateur qui demande un cran retombe sur l'accent plein. */

  /* Accent NEUTRE par défaut (le gris du texte muet) : l'état « aucun produit déclaré »,
     que le parc ne montre jamais — chaque coquille pose son produit au montage. */
  --accent: #9397ab;
  --accent-300: #75798c;
  --accent-400: #9397ab;
}