/* FilmIA Studio — jetons de design.
   Source unique des couleurs, des rayons et des polices : aucune couleur en dur
   dans un composant (document unique §2). Le cuivre --och ne désigne que l'argent,
   et une seule action par écran peut le porter (I12). */

:root{
  --bg:#111013; --panel:#17161A; --surf:#1E1C21; --surf2:#262429; --surf3:#2F2C33;
  --line:#332F37; --line2:#403B45; --hair:#232128; --void:#0A090B;
  --fg:#E9E6E1; --fg2:#A49E98; --fg3:#726C68;
  --pap:#F0EBE2; --och:#C8823C; --och2:#DC9A52; --och3:#7A4E22; --ochink:#1A1206;
  --selbg:#272430;
  --ok:#74A888; --warn:#C2954F; --bad:#C0756C;
  --r:10px; --r2:7px; --fente:8px;
  --disp:'Inter Display','Inter',system-ui,sans-serif;
  --ui:'Inter',system-ui,sans-serif;
  --ser:'Charter','Bitstream Charter',Georgia,serif;
  color-scheme:dark;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; background: var(--void); color: var(--fg);
  font-family: var(--ui); -webkit-font-smoothing: antialiased;
  font-size: 14px; line-height: 1.5;
}
a { color: inherit; }
:focus-visible { outline: 2px solid var(--pap); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

/* === dérivés (généré par export_ecrans.py : opacités et nuances du prototype) === */
:root{
  --d01:#2b282f;
  --d02:rgba(0,0,0,.95);
  --d03:#1c1a20;
  --d04:#ddd8d1;
  --d05:#1a181e;
  --d06:#55505a;
  --d07:#f7f4ef;
  --d08:rgba(10,9,11,.5);
  --d09:rgba(240,235,226,.28);
  --d10:#101a13;
  --d11:#5a5450;
  --d12:#000;
  --d13:rgba(240,235,226,.2);
  --d14:rgba(255,255,255,.22);
  --d15:rgba(200,130,60,.24);
  --d16:rgba(17,16,19,0);
  --d17:rgba(0,0,0,.62);
  --d18:rgba(7,6,8,.68);
  --d19:#8c867e;
  --d20:#b6afa5;
  --d21:#5c565e;
  --d22:#56514e;
  --d23:#e6c4be;
  --d24:#42292b;
  --d25:#6e4c48;
  --d26:rgba(0,0,0,.45);
  --d27:#6b5226;
  --d28:rgba(0,0,0,.9);
  --d29:#d9d4cd;
  --d30:rgba(240,235,226,.15);
  --d31:#f3efe9;
  --d32:rgba(240,235,226,.22);
  --d33:rgba(0,0,0,.55);
  --d34:rgba(0,0,0,.8);
  --d35:#27352c;
  --d36:#3c5544;
  --d37:#a8c6b2;
  --d38:#2b2a36;
  --d39:#434154;
  --d40:#b4b0c6;
  --d41:rgba(10,9,11,.45);
  --d42:rgba(10,9,11,.62);
  --d43:rgba(116,168,136,.14);
  --d44:rgba(194,149,79,.14);
  --d45:rgba(10,9,11,.78);
  --d46:rgba(10,9,11,.55);
  --d47:rgba(240,235,226,.3);
  --d48:rgba(255,255,255,.13);
}