/* Société Mancelle de Sécurité — color system
   Brand palette: Noir (black) · Or (gold #f1be5c) · Blanc (white) */
:root{
  /* ── Base: Or (gold) ── */
  --or-50:#fdf8ec;
  --or-100:#faedcd;
  --or-200:#f6dfa4;
  --or-300:#f1be5c;   /* brand gold */
  --or-400:#eab13f;
  --or-500:#dc9a24;
  --or-600:#bd7d1a;
  --or-700:#976019;
  --or-800:#7d4d1c;
  --or-900:#6a411c;

  /* ── Base: Noir (near-black neutrals, warm) ── */
  --noir-950:#0b0b0c;
  --noir-900:#141416;
  --noir-800:#1e1e21;
  --noir-700:#2b2b2f;
  --noir-600:#3d3d43;
  --noir-500:#5a5a62;
  --noir-400:#83838d;
  --noir-300:#adadb5;
  --noir-200:#d0d0d5;
  --noir-100:#e7e7ea;
  --noir-50:#f4f4f5;

  /* ── Blanc ── */
  --blanc:#ffffff;
  --blanc-warm:#fbfaf7;   /* warm paper white */

  /* ── Semantic (status) ── */
  --success:#2f8f5b;
  --warning:#dc9a24;
  --danger:#c0392b;
  --info:#2d6ca3;

  /* ─────────── Semantic aliases ─────────── */
  --brand:var(--or-300);
  --brand-strong:var(--or-500);
  --brand-contrast:var(--noir-950);   /* text/icon on gold */

  --bg:var(--noir-950);               /* default app background (dark, premium) */
  --bg-elevated:var(--noir-900);
  --surface:var(--noir-900);
  --surface-2:var(--noir-800);
  --surface-line:var(--noir-700);

  --bg-light:var(--blanc-warm);       /* light-mode background */
  --surface-light:var(--blanc);
  --surface-light-2:var(--noir-50);
  --line-light:var(--noir-100);

  --text-strong:var(--blanc);
  --text-body:var(--noir-200);
  --text-muted:var(--noir-400);
  --text-on-light-strong:var(--noir-950);
  --text-on-light:var(--noir-700);
  --text-on-light-muted:var(--noir-500);

  --focus-ring:var(--or-300);
}