/* ==========================================================================
   Design-Tokens – hier werden Farben, Schriften und Abstände zentral gepflegt.
   ========================================================================== */

/* Schriften liegen selbst gehostet in /assets/fonts (DSGVO: kein Google-CDN).
   Fehlen die Dateien, greifen die System-Fallbacks. */
@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2-variations"),
       url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2-variations"),
       url("../fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Farben: „Blaue Stunde“ mit Goldlicht */
  --c-night: #0d1318;      /* Grundfläche */
  --c-slate: #151e25;      /* abgesetzte Flächen */
  --c-slate-2: #1e2a33;    /* Linien, Felder */
  --c-fog: #e4e7e1;        /* Text */
  --c-fog-soft: #b9c0bd;   /* Fließtext zweitrangig */
  --c-stone: #86939a;      /* Metadaten */
  --c-gold: #e9b872;       /* Akzent: Licht der goldenen Stunde */
  --c-gold-deep: #c8964f;
  --c-signal: #e0705f;     /* Fehlermeldungen */
  --c-ok: #9cc59a;         /* Erfolgsmeldungen */

  /* Schriften */
  --font-sans: "Archivo", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, "SFMono-Regular", monospace;

  /* Typo-Skala (Verhältnis ~1.25, groß flexibel) */
  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.3rem;
  --step-2: clamp(1.45rem, 1.2rem + 1vw, 1.75rem);
  --step-3: clamp(1.9rem, 1.4rem + 2.2vw, 2.75rem);
  --step-4: clamp(2.4rem, 1.6rem + 3.6vw, 4.25rem);
  --step-5: clamp(2.9rem, 1.2rem + 8vw, 8.5rem);

  --leading: 1.6;
  --measure: 62ch;

  /* Abstände */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-s: 0.75rem;
  --space-m: 1.25rem;
  --space-l: 2rem;
  --space-xl: clamp(3rem, 2rem + 4vw, 5rem);
  --space-2xl: clamp(5rem, 3rem + 8vw, 10rem);
  --gutter: clamp(1rem, 0.5rem + 3vw, 3rem);
  --page-max: 78rem;

  /* Radien bewusst unterschiedlich nach Hierarchie */
  --radius-s: 3px;
  --radius-m: 10px;

  /* Bewegung */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-med: 420ms;
  --dur-slow: 900ms;

  color-scheme: dark;
}