/* BetterVTC Refonte — design tokens neo-brutalistes
   Source de verite : tokens.css du bundle de conception (7 mai 2026).
   Mode clair (defaut) + mode sombre (.dark sur <html> ou <body>) + accents. */

:root {
  /* Papier / encre */
  --paper:   #F4F1EA;
  --paper-2: #EAE6DC;
  --paper-3: #DCD6C5;
  --ink:     #0A0A0A;
  --ink-2:   #1F1F1F;
  --ink-soft:#4A4A4A;
  --ink-dim: #7A7A75;

  /* Couleurs signal — palette monochroma */
  --signal-red:         #E63946;
  --signal-red-tint:    #FCD9DC;
  --signal-green:       #2D6A4F;
  --signal-green-tint:  #C8E2D4;
  --signal-yellow:      #F4A623;
  --signal-yellow-tint: #FBE6BE;
  --signal-blue:        #1D3557;
  --signal-blue-tint:   #C9D2E0;

  /* Lignes / bordures */
  --line:      #0A0A0A;
  --line-soft: #C9C2B0;

  /* Typographie */
  --font-display: "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body:    "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono:    "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  /* Echelle d'ombres brutalistes (offset bas-droite, zero blur) */
  --shadow-sm: 2px 2px 0 0 var(--ink);
  --shadow:    4px 4px 0 0 var(--ink);
  --shadow-lg: 6px 6px 0 0 var(--ink);

  /* Couleur d'accent (modifiable par tweak) — par defaut rouge signal */
  --accent: var(--signal-red);
}

/* Mode sombre */
.dark, html.dark {
  --paper:   #0E0E0E;
  --paper-2: #1A1A1A;
  --paper-3: #242424;
  --ink:     #F4F1EA;
  --ink-2:   #DCD6C5;
  --ink-soft:#B5B0A2;
  --ink-dim: #7A7A75;

  --signal-red-tint:    #3E1F22;
  --signal-green-tint:  #1B3A2A;
  --signal-yellow-tint: #3E2E14;
  --signal-blue-tint:   #1A2236;

  --line:      #F4F1EA;
  --line-soft: #3A3A3A;

  --shadow-sm: 2px 2px 0 0 var(--ink);
  --shadow:    4px 4px 0 0 var(--ink);
  --shadow-lg: 6px 6px 0 0 var(--ink);
}

/* Accents alternatifs : appliquer .accent-yellow / .accent-blue / .accent-green sur <html> */
html.accent-yellow { --accent: var(--signal-yellow); }
html.accent-blue   { --accent: var(--signal-blue); }
html.accent-green  { --accent: var(--signal-green); }