/* nestwärme Handbuch – Design Tokens
   Farben aus der CI (Primär P1–P8, Sekundär S1–S7), Schrift, Maße.
   Screen- und Print-Werte für Typografie liegen in screen.css / print.css. */

@font-face { font-family: 'Marguerite Grotesk'; font-weight: 300; font-style: normal; src: url('../fonts/MargueriteGrotesk2022-Light.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'Marguerite Grotesk'; font-weight: 400; font-style: normal; src: url('../fonts/MargueriteGrotesk2022-Regular.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'Marguerite Grotesk'; font-weight: 700; font-style: normal; src: url('../fonts/MargueriteGrotesk2022-Bold.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'Marguerite Grotesk'; font-weight: 300; font-style: italic; src: url('../fonts/MargueriteGrotesk2021-LightItalic.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Marguerite Grotesk'; font-weight: 400; font-style: italic; src: url('../fonts/MargueriteGrotesk2021-RegularItalic.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Marguerite Grotesk'; font-weight: 700; font-style: italic; src: url('../fonts/MargueriteGrotesk2021-BoldItalic.woff2') format('woff2'); font-display: swap; }
/* Zierschnitt – nur sehr sparsam (Cover, Teilauftakte, einzelne Wörter) */
@font-face { font-family: 'Marguerite Nestwaerme'; font-weight: 700; font-style: normal; src: url('../fonts/MargueriteNestwaerme-Bold.woff2') format('woff2'); font-display: swap; }

:root {
  /* --- Farben: Primär --- */
  --c-p1: #FFCB00;   /* Gelb – Marker, Flächen */
  --c-p2: #E9AA03;   /* Ocker */
  --c-p3: #FF7E1D;   /* Orange */
  --c-p4: #F85D1C;   /* Orange kräftig – Punkt, Kicker */
  --c-p5: #C33E10;   /* Rostrot */
  --c-p6: #808059;   /* Grün */
  --c-p7: #756133;   /* Braun */
  --c-p8: #704A2B;   /* Dunkelbraun */
  /* --- Farben: Sekundär --- */
  --c-s1: #F2E8DE;   /* Creme */
  --c-s2: #CFD6D1;
  --c-s3: #E3E5E5;
  --c-s4: #E3DED4;   /* Sand */
  --c-s5: #D8D4D1;   /* Linien, Notizraster */
  --c-s6: #AB9E9C;
  --c-s7: #C2BFBD;

  /* --- Rollen --- */
  --ink: #2B2723;            /* Text: warmes Dunkelgrau, kein hartes Schwarz */
  --ink-soft: #6B625A;       /* Meta, Kicker-Grau */
  --accent: var(--c-p4);     /* Kicker, Labels, Punkt */
  --marker: var(--c-p1);     /* Linie */
  --marker-dot: var(--c-p4); /* Kreis */
  --rule: var(--c-s5);
  --paper: #FFFFFF;          /* Print: das Papier selbst (Naturpapier) */
  --ground: #FBF8F3;         /* Screen: warmes Off-White */
  --field: var(--c-s1);      /* zurückhaltende Fläche, 100 % deckend – keine Tints der Primärfarben */
  --field-soft: #F8F3EC;

  /* --- Schrift --- */
  --font: 'Marguerite Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Marguerite Nestwaerme', 'Marguerite Grotesk', sans-serif;

  /* --- Print-Format (eine Stelle ändern → alles folgt) --- */
  --page-width: 165mm;
  --page-height: 235mm;
  --bleed: 3mm;
  --binding-margin: 22mm;   /* Wire-O: Lochung + Sicherheit */
  --outer-margin: 16mm;
  --top-margin: 18mm;
  --bottom-margin: 20mm;
  --marker-col: 13mm;       /* Spalte links vom Satzspiegel für die Zeichen */

  /* --- Marker-Geometrie (Print, in mm; Screen überschreibt in px) --- */
  --mk-w: 4.2mm;
  --mk-dot: 4.6mm;
  --mk-gap: 1.6mm;
}