/*
  NjakaDev — Design Tokens
  Source de vérité : /Users/macbookpro/Documents/NjakaDev_v4/styles.css (:root, lignes 7-50)
  Valeurs conservées à l'identique — ne pas modifier arbitrairement.
  Palette : near-black + off-white chaud, accent orange unique.
*/

:root {
  --bg: #08090a;
  --fg: #f4f2ee;
  --fg-dim-90: rgba(244, 242, 238, 0.9);
  --fg-dim-85: rgba(244, 242, 238, 0.85);
  --fg-dim-82: rgba(244, 242, 238, 0.82);
  --fg-dim-70: rgba(244, 242, 238, 0.7);
  --fg-dim-66: rgba(244, 242, 238, 0.66);
  --fg-dim-64: rgba(244, 242, 238, 0.64);
  --fg-dim-62: rgba(244, 242, 238, 0.62);
  --fg-dim-60: rgba(244, 242, 238, 0.6);
  --fg-dim-58: rgba(244, 242, 238, 0.58);
  --fg-dim-56: rgba(244, 242, 238, 0.56);
  --fg-dim-55: rgba(244, 242, 238, 0.55);
  --fg-dim-54: rgba(244, 242, 238, 0.54);
  --fg-dim-52: rgba(244, 242, 238, 0.52);
  --fg-dim-50: rgba(244, 242, 238, 0.5);
  --fg-dim-46: rgba(244, 242, 238, 0.46);
  --fg-dim-44: rgba(244, 242, 238, 0.44);
  --fg-dim-42: rgba(244, 242, 238, 0.42);
  --fg-dim-40: rgba(244, 242, 238, 0.4);
  --fg-dim-38: rgba(244, 242, 238, 0.38);
  --fg-dim-36: rgba(244, 242, 238, 0.36);
  --fg-dim-34: rgba(244, 242, 238, 0.34);
  --fg-dim-32: rgba(244, 242, 238, 0.32);
  --fg-dim-16: rgba(244, 242, 238, 0.16);
  --fg-dim-14: rgba(244, 242, 238, 0.14);
  --line-06: rgba(255, 255, 255, 0.06);
  --line-08: rgba(255, 255, 255, 0.08);
  --line-09: rgba(255, 255, 255, 0.09);
  --line-10: rgba(255, 255, 255, 0.1);
  --line-12: rgba(255, 255, 255, 0.12);
  --line-14: rgba(255, 255, 255, 0.14);
  --line-16: rgba(255, 255, 255, 0.16);
  --line-18: rgba(255, 255, 255, 0.18);
  --panel-015: rgba(255, 255, 255, 0.015);
  --panel-02: rgba(255, 255, 255, 0.02);
  --panel-03: rgba(255, 255, 255, 0.03);
  --on-light: #0a0b0c;
  --accent: #ff7a3c;
  --max: 1240px;
  --gutter: 40px;
  --font: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Gutter resserré en mobile — seule redéfinition de token, cf. styles.css:1822 */
@media (max-width: 640px) {
  :root { --gutter: 22px; }
}