/* FMA Atelier — jetons du design system (registre outil), gabarits clair et sombre (D-0005).
   Copie des jetons du design system « FMA Atelier » (local/design-system/fma-atelier/tokens, lot 1).
   Aucune police distante ni image : les polices listées ne servent que si elles sont installées localement. */
/* FMA Atelier v2 — couleurs.
   Applications : fond BLANC mis en avant, ROUGE pour ce qui doit ressortir, NOIR et ACIER pour le reste.
   Deux gabarits retenus (décision D-0005, Matteo, 2026-10-05), via data-theme sur <html> ou un conteneur :
     "clair" (défaut, alias "blanc-acier")  contenu blanc, barre latérale acier bleuté, accents rouges
     "sombre" (alias "nuit")                tout en acier sombre (DA v1), accents rouges
   Le registre jeu (sprites d'origine) se pose dans [data-register="game"] : il garde l'acier sombre quel que soit le gabarit. */
:root{
  /* Rouge alchimique — manteau d'Edward et logo. 600 = action principale ; 700 = texte rouge sur blanc. */
  --red-50:#fdf3f3; --red-100:#fbe3e2; --red-200:#f5c1bf; --red-300:#ec918e; --red-400:#e0615d;
  --red-500:#cf3934; --red-600:#b8292a; --red-700:#962121; --red-800:#741b1b; --red-900:#4e1414;
  /* Noir — neutres chauds-froids équilibrés. */
  --black-950:#0a0a0b; --black-900:#121214; --black-800:#1c1c1f; --black-700:#29292d; --black-600:#3c3c41;
  --black-500:#5b5b62; --black-400:#84848b; --black-300:#b1b1b7; --black-200:#d8d8dc; --black-100:#ececef;
  --black-50:#f6f6f8; --white:#ffffff;
  /* Acier bleuté — DA d'origine (cadran « メインストーリー », panneaux du jeu). Conservé. */
  --ink-950:#080a0e; --ink-900:#0e131a; --ink-850:#121922; --ink-800:#17202b; --ink-750:#1c2633;
  --ink-700:#232e3c; --ink-600:#2f3b4c; --ink-500:#455775; --ink-400:#6381ac; --ink-300:#8fa6c8;
  --ink-200:#bccadf; --ink-100:#e2e8f1; --ink-50:#f4f6fa;
  /* Or — réservé aux valeurs (puissance, monnaies, éveil). */
  --gold-800:#6b5130; --gold-700:#8a6a3e; --gold-600:#b08a55; --gold-500:#d0a46d; --gold-400:#d4a872;
  --gold-300:#e6c48a; --gold-200:#f1dcae; --gold-100:#fbf1d6;
  /* Couleurs des boutons d'origine (registre jeu). */
  --copper-800:#684637; --copper-600:#b2784c; --copper-500:#e78632; --copper-400:#f3b752;
  --cyan-700:#296c86; --cyan-600:#3091af; --cyan-500:#3299b6; --cyan-400:#4dc9d9; --cyan-300:#73ccff; --cyan-200:#b6eef6;
  --indigo-700:#3d4a8c; --indigo-500:#5265bc; --indigo-400:#6377d4;
  --crimson-700:#8f1d1c; --crimson-600:#b8292a; --crimson-500:#ce3b33; --crimson-400:#e7574d;
  --green-700:#1f7a4d; --green-600:#2f9e66; --green-500:#4ec589; --green-400:#7fdca8;

  /* Raretés et factions : porteuses d'information, inchangées. */
  --rarity-n:#7fcf4a; --rarity-r:#5cabe7; --rarity-sr:#c97df0; --rarity-ssr:#e9c66f; --rarity-ur:#c3bbf2; --rarity-sp:#53e5db;
  --rarity-frame-1:#5e616c; --rarity-frame-2:#5989ab; --rarity-frame-3:#9a69cc; --rarity-frame-4:#f3a846; --rarity-frame-5:#c3bbf2; --rarity-frame-6:#53e5db;
  --rarity-ur-sheen:linear-gradient(115deg,#c3bbf2 0%,#f4efe9 38%,#9fe3f0 62%,#d6b8f5 100%);
  --rarity-sp-sheen:linear-gradient(115deg,#6487d0 0%,#53e5db 100%);
  --faction-freedom:#6b9059; --faction-revolution:#648eb9; --faction-order:#ac8c4e;
  --faction-drifter:#bc7c52; --faction-hostile:#8e68b3; --faction-alchemists:#529192; --faction-ouroboros:#a34a4d;

  --glass:rgba(14,19,26,.72); --glass-strong:rgba(10,13,18,.86); --glass-line:rgba(188,202,223,.22);
  --glow-cyan:0 0 18px rgba(77,201,217,.45); --glow-gold:0 0 18px rgba(230,196,138,.45); --glow-red:0 0 14px rgba(207,57,52,.45);
}

/* ——— Gabarit CLAIR (défaut) : contenu blanc, chrome acier bleuté ——— */
:root,[data-theme="clair"],[data-theme="blanc-acier"]{
  color-scheme:light;
  --bg-0:var(--white); --bg-1:var(--white); --bg-2:var(--black-50); --bg-3:var(--black-100); --bg-sunken:var(--white);
  --fg-1:var(--black-950); --fg-2:var(--black-700); --fg-3:var(--black-500); --fg-4:var(--black-400);
  --line-1:rgba(10,10,11,.08); --line-2:rgba(10,10,11,.14); --line-3:rgba(10,10,11,.28);
  --primary:var(--red-600); --primary-strong:var(--red-700); --primary-on:var(--white); --primary-fg:var(--red-700);
  --primary-soft:var(--red-50); --primary-line:var(--red-200);
  --secondary:var(--black-900); --secondary-on:var(--white);
  --value-fg:var(--gold-700); --fg-accent:var(--red-700); --fg-link:var(--red-700); --line-gold:var(--red-300);
  --success:var(--green-700); --warning:#a86a12; --danger:var(--red-600); --info:var(--ink-500);
  --qa-auto:var(--green-600); --qa-seen:var(--ink-400); --qa-unverified:#c58a2a; --qa-failed:var(--red-600);
  --qa-blocked:var(--black-700); --qa-notrun:var(--black-300); --qa-running:var(--ink-500);
  --chrome-bg:var(--white); --chrome-fg:var(--black-700); --chrome-fg-strong:var(--black-950); --chrome-line:var(--line-1);
  --chrome-hover:var(--black-50); --chrome-active-bg:var(--red-50); --chrome-active-fg:var(--red-700); --chrome-orn:var(--red-600);
  --topbar-bg:rgba(255,255,255,.92); --head-bg:var(--black-50);
  --selected-bg:var(--red-50); --selected-bar:var(--red-600);
  --overlay:rgba(10,10,11,.45);
  --focus-ring:0 0 0 1px var(--white),0 0 0 3px var(--red-500);
  --shadow-1:0 1px 2px rgba(10,10,11,.06); --shadow-2:0 6px 20px rgba(10,10,11,.10); --shadow-3:0 18px 48px rgba(10,10,11,.18);
  /* chrome acier */
  --chrome-bg:var(--ink-850); --chrome-fg:var(--ink-200); --chrome-fg-strong:var(--ink-50); --chrome-line:rgba(188,202,223,.12);
  --chrome-hover:rgba(188,202,223,.08); --chrome-active-bg:rgba(207,57,52,.22); --chrome-active-fg:var(--white); --chrome-orn:var(--red-400);
  --head-bg:var(--ink-50); --secondary:var(--ink-800); --info:var(--ink-500); --qa-seen:var(--ink-500);
  --line-1:rgba(35,46,60,.09); --line-2:rgba(35,46,60,.16); --line-3:rgba(35,46,60,.30);
  --fg-2:var(--ink-700); --fg-3:var(--ink-500); --fg-4:var(--ink-400); --bg-2:var(--ink-50); --bg-3:var(--ink-100);
}
/* ——— Gabarit SOMBRE : acier sombre de la DA v1, rouge pour l'actif ——— */
[data-theme="sombre"],[data-theme="nuit"],[data-register="game"]{
  color-scheme:dark;
  --bg-0:var(--ink-900); --bg-1:var(--ink-850); --bg-2:var(--ink-800); --bg-3:var(--ink-700); --bg-sunken:var(--ink-950);
  --fg-1:var(--ink-50); --fg-2:var(--ink-200); --fg-3:#afb0ca; --fg-4:var(--ink-400);
  --line-1:rgba(188,202,223,.10); --line-2:rgba(188,202,223,.20); --line-3:rgba(188,202,223,.38);
  --primary:var(--red-500); --primary-strong:var(--red-400); --primary-on:var(--white); --primary-fg:var(--red-400);
  --primary-soft:rgba(207,57,52,.16); --primary-line:rgba(224,97,93,.5);
  --secondary:var(--ink-700); --secondary-on:var(--ink-50);
  --value-fg:var(--gold-300); --fg-accent:var(--gold-400); --fg-link:var(--cyan-300); --line-gold:rgba(212,168,114,.55);
  --success:var(--green-500); --warning:var(--gold-400); --danger:var(--red-400); --info:var(--cyan-300);
  --qa-auto:var(--green-500); --qa-seen:var(--cyan-300); --qa-unverified:var(--gold-400); --qa-failed:var(--red-400);
  --qa-blocked:var(--ink-200); --qa-notrun:var(--ink-500); --qa-running:var(--ink-300);
  --chrome-bg:var(--ink-850); --chrome-fg:var(--ink-200); --chrome-fg-strong:var(--ink-50); --chrome-line:var(--line-1);
  --chrome-hover:rgba(188,202,223,.06); --chrome-active-bg:rgba(207,57,52,.18); --chrome-active-fg:var(--white); --chrome-orn:var(--red-400);
  --topbar-bg:rgba(14,19,26,.88); --head-bg:var(--ink-800);
  --selected-bg:rgba(207,57,52,.14); --selected-bar:var(--red-400);
  --overlay:rgba(5,7,10,.72);
  --focus-ring:0 0 0 1px var(--ink-900),0 0 0 3px var(--red-400);
  --shadow-1:0 1px 0 rgba(255,255,255,.04) inset,0 1px 2px rgba(0,0,0,.45);
  --shadow-2:0 1px 0 rgba(255,255,255,.05) inset,0 8px 24px rgba(0,0,0,.45);
  --shadow-3:0 1px 0 rgba(255,255,255,.06) inset,0 18px 48px rgba(0,0,0,.6);
}
/* Le registre jeu garde l'or et le cyan d'origine pour ses accents. */
[data-register="game"]{ --primary:var(--gold-400); --primary-fg:var(--gold-300); --fg-link:var(--cyan-300); --focus-ring:0 0 0 1px var(--ink-900),0 0 0 3px var(--cyan-400); }
:root{
  --space-0:0; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px;
  /* Rayons : le jeu est anguleux. 0 par défaut, 2 px pour les champs d'outil, biseau pour le registre jeu. */
  --radius-0:0; --radius-1:2px; --radius-2:4px; --radius-pill:999px;
  --bevel:10px; /* coin coupé des panneaux de jeu (clip-path) */
  --control-sm:24px; --control-md:30px; --control-lg:40px; --control-game:48px;
  --row-dense:26px; --row:32px; --row-comfy:40px;
  --sidebar:232px; --topbar:44px; --content-max:1440px;
  --hairline:1px;
}
[data-density="comfortable"]{ --row-dense:30px; --row:38px; --control-md:34px; }
:root{
  --font-display:"Shippori Mincho B1","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif; /* mincho : titres, noms d'unité */
  --font-numeral:"Cormorant Garamond","Shippori Mincho B1",serif;                      /* grands chiffres : puissance, niveau */
  --font-body:"Noto Sans","Noto Sans JP","Segoe UI","Yu Gothic UI",system-ui,sans-serif;                          /* gothique : texte, interfaces */
  --font-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;                        /* identifiants, journaux, diff */
  --text-2xs:10px; --text-xs:11px; --text-sm:12px; --text-md:13px; --text-base:14px; --text-lg:16px;
  --text-xl:20px; --text-2xl:24px; --text-3xl:32px; --text-4xl:44px; --text-5xl:60px; --text-6xl:84px;
  --type-display:700 var(--text-5xl)/1.05 var(--font-display);
  --type-title-1:700 var(--text-3xl)/1.15 var(--font-display);
  --type-title-2:700 var(--text-2xl)/1.2 var(--font-display);
  --type-title-3:700 var(--text-xl)/1.25 var(--font-display);
  --type-numeral:600 var(--text-4xl)/1 var(--font-numeral);
  --type-numeral-sm:600 var(--text-2xl)/1 var(--font-numeral);
  --type-lead:400 var(--text-lg)/1.6 var(--font-body);
  --type-body:400 var(--text-base)/1.55 var(--font-body);
  --type-body-strong:600 var(--text-base)/1.55 var(--font-body);
  --type-ui:500 var(--text-md)/1.3 var(--font-body);
  --type-caption:400 var(--text-sm)/1.4 var(--font-body);
  --type-label:600 var(--text-xs)/1.2 var(--font-body);
  --type-overline:600 var(--text-2xs)/1 var(--font-body);
  --type-mono:400 var(--text-sm)/1.5 var(--font-mono);
  --tracking-overline:.22em; --tracking-label:.08em; --tracking-display:.02em;
  --tabular:"tnum" 1,"lnum" 1;
}
:root{
  /* Ombres définies par gabarit dans colors.css (--shadow-1..3). */
  --inner-steel:inset 0 0 0 1px var(--glass-line),inset 0 1px 0 rgba(255,255,255,.06);
  --blur-glass:10px;
}
:root{
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:420ms; --dur-transmute:24s;
  --ease-out:cubic-bezier(.2,.8,.2,1); --ease-in-out:cubic-bezier(.65,0,.35,1);
}
@media (prefers-reduced-motion:reduce){ :root{ --dur-fast:0ms; --dur-base:0ms; --dur-slow:0ms; --dur-transmute:0s; } }