/* ============================================================
   VPSPLEX — tokens.css
   Thème "carte marine" : papier chaud, encre navy, orange de
   signal. Ne pas dévier : toutes les pages s'appuient dessus.
   ============================================================ */
:root {
  /* Fonds — papier / parchemin technique */
  --bg-0: #F6F4EE;
  --bg-1: #EFEBE0;
  --surface-1: #FFFFFF;
  --surface-2: #F3F0E7;
  --surface-3: #ECE8DB;

  /* Bordures — encre diluée */
  --line-1: #E3DECF;
  --line-2: #CFC8B4;

  /* Texte — encre navy */
  --txt-1: #14222C;
  --txt-2: #47585F;
  --txt-3: #667179;

  /* Accent — orange de signal (international orange) */
  --acc: #E8500A;
  --acc-deep: #C24000;
  --acc-soft: rgba(232, 80, 10, 0.08);
  --acc-line: rgba(232, 80, 10, 0.45);
  --acc-ink: #FFFFFF;

  /* Accent secondaire — bleu mer profonde */
  --acc-2: #14557B;
  --acc-2-soft: rgba(20, 85, 123, 0.08);

  /* Dégradés — réservés aux CTA et accents forts */
  --grad: linear-gradient(135deg, #E8500A 0%, #F0862B 100%);
  --grad-soft: linear-gradient(135deg, rgba(232,80,10,.10), rgba(240,134,43,.10));

  /* États */
  --danger: #B3261E;
  --danger-soft: rgba(179, 38, 30, 0.08);
  --warn: #946200;
  --warn-soft: rgba(148, 98, 0, 0.10);
  --ok: #1E7B44;
  --ok-soft: rgba(30, 123, 68, 0.10);

  /* Typo */
  --font-head: 'Fraunces', 'Space Grotesk', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;

  /* Géométrie */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* Ombres — douces, chaudes */
  --shadow-1: 0 1px 2px rgba(20, 34, 44, 0.06), 0 4px 16px rgba(20, 34, 44, 0.07);
  --shadow-2: 0 2px 6px rgba(20, 34, 44, 0.08), 0 14px 44px rgba(20, 34, 44, 0.13);
  --shadow-acc: 0 2px 8px rgba(232, 80, 10, 0.28), 0 8px 28px rgba(232, 80, 10, 0.22);
  --glow-acc: 0 0 0 1px var(--acc-line), 0 6px 24px rgba(232, 80, 10, 0.14);

  /* Layout */
  --wrap: 1180px;
  --wrap-narrow: 860px;
  --nav-h: 68px;
}