/* ===========================================================
   RE:CODED — Design-Tokens
   Entspricht der Vorlage RECODED_Website (10/2026).
   Schwarze Seite, weisse Schrift. Breite Grotesk fuer Ueberschriften
   (passt zur Wortmarke), Mono fuer alles andere. Eine einzige Farbe,
   ein kuehles Eisblau mit Frostmuster, traegt nur die Kaufaktion.
   =========================================================== */

:root {
  color-scheme: dark;

  /* --- Farben ------------------------------------------- */
  --black: #060606;  /* Seitengrund                        */
  --ink:   #0f0f0f;  /* Kacheln, abgesetzte Flächen        */
  --line:  #262626;  /* Rahmen und Trenner                 */
  --white: #f2f2f2;  /* Schrift                            */
  --grey:  #9a9a9a;  /* Nebentext                          */
  --key:   #d6eeff;  /* Schluesselfarbe Eisblau — nur Kauf  */
  --red:   #ff2a2a;  /* nur Fehlermeldungen                */

  /* --- Typografie --------------------------------------- */
  --wide: "Archivo", "Arial Black", Impact, sans-serif;
  --mono: "JetBrains Mono", "Courier New", monospace;

  /* --- Maße --------------------------------------------- */
  --gut: clamp(16px, 4vw, 56px);
  --max: 1240px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}