/* thesr. — design tokens (generated by scripts/brand/remap.py --tokens from scripts/brand/palette_data.py).
 * The three colours of the logo - Marine, Encre, Papier - and what is derived from them.
 * Roles live at the bottom: reach for a role (--action, --danger), not a swatch. */
:root {
  --thesr-marine: #0B1F4D;
  --thesr-encre: #0B1433;
  --thesr-papier: #F7F6F2;
  --thesr-blue-50: #F3F7FF;
  --thesr-blue-100: #E3EDFF;
  --thesr-blue-200: #C7DBFF;
  --thesr-blue-300: #9DBDFF;
  --thesr-blue-400: #6E9BFB;
  --thesr-blue-500: #4377F0;
  --thesr-blue-600: #2B5DD7;
  --thesr-blue-700: #224AA9;
  --thesr-blue-800: #1A377E;
  --thesr-blue-900: #0B1F4D;
  --thesr-blue-950: #0B1433;
  --thesr-amber-50: #FFF8E6;
  --thesr-amber-100: #FFEEC3;
  --thesr-amber-200: #FFDE90;
  --thesr-amber-300: #FECD5C;
  --thesr-amber-400: #F2BB31;
  --thesr-amber-500: #DCA81C;
  --thesr-amber-600: #B08505;
  --thesr-amber-700: #846305;
  --thesr-amber-800: #61490C;
  --thesr-amber-900: #43330A;
  --thesr-red-50: #FFF3F1;
  --thesr-red-100: #FFE2DD;
  --thesr-red-200: #FFC4BB;
  --thesr-red-500: #DE3C37;
  --thesr-red-600: #C32324;
  --thesr-red-700: #9B1F1D;
  --thesr-red-800: #6F1916;
  --thesr-green-50: #ECFBF2;
  --thesr-green-100: #D3F5E0;
  --thesr-green-200: #AEEBC7;
  --thesr-green-500: #169F65;
  --thesr-green-600: #00814F;
  --thesr-green-700: #0E653F;
  --thesr-green-800: #07492C;
  --thesr-paper: #F7F6F2;
  --thesr-surface: #FFFFFF;
  --thesr-sunken: #EEEDE8;
  --thesr-line: #DEDCD6;
  --thesr-line-strong: #C0BEB5;
  --thesr-text: #0B1433;
  --thesr-text-2: #3B4860;
  --thesr-text-3: #596378;
  --thesr-paper-soft: #FBFAF7;
  --thesr-text-4: #959FB2;

  /* Roles */
  --brand: var(--thesr-marine);
  --brand-hover: var(--thesr-blue-800);
  --on-brand: #ffffff;
  --action: var(--thesr-blue-600);
  --action-hover: var(--thesr-blue-700);
  --action-soft: var(--thesr-blue-50);
  --action-line: var(--thesr-blue-200);
  --accent: var(--thesr-amber-400);
  --on-accent: var(--thesr-marine);
  --success: var(--thesr-green-600);
  --success-soft: var(--thesr-green-50);
  --success-line: var(--thesr-green-200);
  --success-ink: var(--thesr-green-700);
  --warning: var(--thesr-amber-600);
  --warning-soft: var(--thesr-amber-50);
  --warning-line: var(--thesr-amber-200);
  --warning-ink: var(--thesr-amber-800);
  --danger: var(--thesr-red-600);
  --danger-soft: var(--thesr-red-50);
  --danger-line: var(--thesr-red-200);
  --danger-ink: var(--thesr-red-700);
  --info: var(--thesr-blue-600);
  --info-soft: var(--thesr-blue-50);
  --info-line: var(--thesr-blue-200);
  --info-ink: var(--thesr-blue-800);
  --bg: var(--thesr-paper);
  --surface: #ffffff;
  --surface-soft: var(--thesr-paper-soft);
  --sunken: var(--thesr-sunken);
  --line: var(--thesr-line);
  --line-strong: var(--thesr-line-strong);
  --ink: var(--thesr-text);
  --ink-2: var(--thesr-text-2);
  --ink-3: var(--thesr-text-3);
  --ink-4: var(--thesr-text-4);
  --focus-ring: 0 0 0 3px rgba(43, 93, 215, 0.28);
}