/* iTvisory – Markensystem als Design-Tokens.
   Werte identisch mit den Switch-Tokens in
   /assets/itvisory-switch/v8.1/switch.css ([data-theme="light"|"dark"]).

   Regeln
   - Orange (--accent) = Aktion/Leistung: nur Linien, Punkte, Icons und
     Flächenakzente, nie Text. Text in Orange immer über --accent-text.
   - Grün (--moss) = Haltung/Nachhaltigkeit, auch Fläche mit hellem Text
     (--paper darauf 5,21:1). Startseite: derzeit keine Moos-Fläche.
   - Orange und Grün nie gemeinsam als Fläche; auf --moss kein Orange. */

:root {
  --deep-slate: #203945;       /* Text, Kontaktfläche, dunkler Hero */
  --slate: #4B6470;            /* Fließtext, Labels – 5,32:1 auf --paper */
  --paper: #F1ECE3;            /* Grund */
  --accent: #F46A28;           /* Linien, Punkte, Icons, Flächenakzente */
  --accent-text: #B44916;      /* orangefarbener Text auf hell – 4,57:1 */
  --accent-text-dark: #F28A50; /* orangefarbener Text auf dunkel – 4,92:1 */
  --moss: #3F6B4F;             /* Nachhaltigkeit – Markentoken; auf der Startseite derzeit nicht als Fläche verwendet */
  --muted-dark: #B6C2C6;       /* Fließtext auf dunkel – 6,65:1 auf --deep-slate */
  --hairline: #CFC6B8;         /* warme Haarlinie auf --paper (Startseiten-Kacheln „Grafit auf Papier“, Auftrag 20.10.2026) */

  /* Schriften */
  --font: Satoshi, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-headline: "Newsreader Display", Georgia, "Times New Roman", serif;  /* H1 und Abschnitts-H2 (ITVW-12) */

  /* Raster */
  --wrap: min(100% - 128px, 1680px);
}

@media (min-width: 768px) and (max-width: 1279px) {
  :root { --wrap: calc(100% - 80px); }
}

@media (max-width: 767px) {
  :root { --wrap: calc(100% - 48px); }
}

/* Rollen je Fläche. Jede Fläche setzt dieselben Rollen, Komponenten
   verwenden nur die Rollen. Die Werte stehen hier bewusst als Hexwerte:
   switch.css überschreibt --paper, --ink und --accent-text am Container
   [data-switch-hero][data-theme="dark"]; eine helle Fläche innerhalb dieses
   Containers (Leistungskacheln) darf sich deshalb nicht auf var(--paper)
   stützen. */
.band-light {
  --surface: #F1ECE3;
  --text: #203945;
  --text-muted: #4B6470;
  --text-accent: #B44916;
  --rule: rgba(32, 57, 69, .18);
  --focus: #203945;
}

.band-dark {
  --surface: #203945;
  --text: #F1ECE3;
  --text-muted: #B6C2C6;
  --text-accent: #F28A50;
  --rule: rgba(241, 236, 227, .22);
  --focus: #F1ECE3;
}

/* Switch-Tokens für helle Kacheln innerhalb eines dunklen Switch-Containers
   (index-dunkel.html): Kacheln bleiben hell. Nur Token, keine Änderung an
   switch.css. */
.band-light {
  --ink: #203945;
  --muted: #4B6470;
  --accent-text: #B44916;
}