/* Charte graphique SlotMetrics (identique au site www.slotmetrics.fr) :
   orange DSR, Barlow Condensed (titres), Barlow (texte), JetBrains Mono (chiffres).
   Polices embarquées : le logiciel fonctionne sans Internet. */
@font-face { font-family: "Barlow Condensed"; font-weight: 500; font-display: swap; src: url("fonts/BarlowCondensed-500.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-display: swap; src: url("fonts/BarlowCondensed-600.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-display: swap; src: url("fonts/BarlowCondensed-700.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 400; font-display: swap; src: url("fonts/Barlow-400.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 500; font-display: swap; src: url("fonts/Barlow-500.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-display: swap; src: url("fonts/Barlow-600.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 500; font-display: swap; src: url("fonts/JetBrainsMono-500.woff2") format("woff2"); }

:root {
  /* Clair (site, pages publiques, rapport) */
  --sm-surface: #f5f4f0; --sm-raised: #ffffff; --sm-line: #dcdad4;
  --sm-ink: #15171b; --sm-ink-muted: #585e68;
  --sm-brand: #ff7300; --sm-brand-hover: #ff8420; --sm-brand-ink: #b04d00; --sm-on-brand: #111316;
  --sm-accent: #1f4fd1; --sm-best: #7a2fd6; --sm-pb: #167a3a;
  /* Sombre « piste » (direction de course, écran pilotes) */
  --sm-d-surface: #111316; --sm-d-raised: #1b1e23; --sm-d-raised2: #23272d; --sm-d-line: #2e333a;
  --sm-d-ink: #f1f0eb; --sm-d-muted: #a2a8b1; --sm-d-faint: #6b727d;
  --sm-d-best: #b78cff; --sm-d-pb: #4cc97a;
  --sm-yellow: #e7b416; --sm-red: #e5484d;

  --sm-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --sm-font-sans: "Barlow", system-ui, sans-serif;
  --sm-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --sm-radius-sm: 4px; --sm-radius-md: 8px; --sm-radius-lg: 16px;
}
