/* Jetons de design GME — couleurs, typo, ombres (repris des maquettes) */
:root {
  --navy: #14223b;
  --navy-2: #1d293d;
  --shell-top: #111d31;
  --shell-bot: #0b1423;
  --side-1: #101c2f;
  --side-2: #0c1626;
  --side-3: #0a1320;
  --text: #14223b;
  --text-2: #26324a;
  --text-3: #3b4658;
  --muted: #6b7688;
  --muted-2: #9aa3b2;
  --line: #e4e8ef;
  --line-2: #eef1f5;
  --field-line: #d9dfe7;
  --bg: #f4f6f9;
  --card: #ffffff;
  --red: #e11d24;
  --red-dark: #c9141b;
  --red-text: #d7141b;
  --blue: #1f4f9a;
  --blue-2: #1f63c9;
  --green: #1f9a3e;
  --amber: #f2a900;
  --orange: #f47a20;

  --grad-red: linear-gradient(180deg, #ee2830 0%, #cc151c 100%);
  --grad-navy-btn: linear-gradient(180deg, #1c2b44 0%, #0f1a2c 100%);
  --shadow-card: 0 1px 2px rgba(16, 27, 45, .05), 0 6px 16px rgba(16, 27, 45, .06);
  --shadow-red: 0 4px 12px rgba(225, 29, 36, .35), inset 0 1px 0 rgba(255, 255, 255, .2);
  --radius: 8px;

  --font: 'Barlow', 'Segoe UI', sans-serif;
  --cond: 'Barlow Semi Condensed', 'Barlow', sans-serif;

  --side-w: 228px;
  --top-h: 64px;
}