/* Valeurs exactes de la maquette (maquette/ecrans/Tokens.dc.html), sous les mêmes noms. */

@font-face { font-family: 'Barlow'; font-weight: 400; font-display: swap; src: url('../fonts/barlow-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 500; font-display: swap; src: url('../fonts/barlow-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 600; font-display: swap; src: url('../fonts/barlow-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 700; font-display: swap; src: url('../fonts/barlow-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 800; font-display: swap; src: url('../fonts/barlow-latin-800-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-weight: 300; font-display: swap; src: url('../fonts/barlow-condensed-latin-300-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-weight: 700; font-display: swap; src: url('../fonts/barlow-condensed-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-weight: 800; font-display: swap; src: url('../fonts/barlow-condensed-latin-800-normal.woff2') format('woff2'); }

:root {
  /* Cadre sombre */
  --nuit-950: #061226;
  --nuit-900: #0A1E3D;
  --nuit-700: #17407A;
  --nuit-800: #11294F;
  --nuit-600: #1C3A69;
  --nuit-500: #2A5089;
  --lueur: #45D4FF;
  --lueur-clair: #9BE6FF;

  /* Textes et surfaces claires */
  --texte: #FFFFFF;
  --texte-2: #B9CCE8;
  --encre: #0A1730;
  --encre-2: #3A4C6A;
  --clair: #EEF3FA;
  --clair-bord: #C5D3E6;
  --note-recente: #1A3157;
  --note-recente-bord: #3E5F92;
  --note-recente-texte: #C3D2E8;
  --placeholder: #4E5F7A;

  /* États */
  --e4-0-1: #1E50B4;
  --e4-2-3: #84C3FF;
  --e4-4: #5DD3C0;
  --e4-5-7: #8BE07A;
  --e4-8: #FFB547;
  --e4-9-10: #FF6A5F;
  --repere-dessus: #FF8A4C;
  --en-ligne: #8BE07A;
  --hors-ligne: #FFC44D;
  --erreur-fond: #FFE3DF;
  --erreur-texte: #7A1A10;
  --erreur-bord: #FF6B5E;
  --erreur-sombre: #FF8C82;
  --danger: #B3261E;
  --succes: #1A7F3C;
  --bandeau: #FFFFFF;

  /* Groupes */
  --groupe-1: #4DA3FF;
  --groupe-2: #B18CFF;
  --groupe-3: #FF7EDB;
  --groupe-4: #FFFFFF;

  /* Rayons */
  --r-xs: 8px;
  --r-s: 14px;
  --r-m: 18px;
  --r-l: 24px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Espacements */
  --e-4: 4px;
  --e-8: 8px;
  --e-12: 12px;
  --e-16: 16px;
  --e-20: 20px;
  --e-24: 24px;
  --e-32: 32px;
  --e-48: 48px;
  --cible: 64px;

  /* Effets */
  --fond: radial-gradient(ellipse 90% 70% at 50% 0%, var(--nuit-700) 0%, var(--nuit-900) 58%, var(--nuit-950) 100%);
  --fond-portrait: radial-gradient(ellipse 110% 60% at 50% 0%, var(--nuit-700) 0%, var(--nuit-900) 58%, var(--nuit-950) 100%);
  --ombre-clair: 0 10px 28px rgba(0, 0, 0, .35);
  --lueur-zone: 0 0 26px rgba(69, 212, 255, .4);

  --police: Barlow, system-ui, sans-serif;
  --police-cond: 'Barlow Condensed', Barlow, sans-serif;
}