/* GARCON – Marken-Tokens. Quelle der Wahrheit: docs/DESIGN.md
   Schrift: ZT Nature (nur 100 / 500 / 900 – es gibt kein 400!).
   Nie 600/700 verwenden: das rendert als Black (900). */

@font-face { font-family: "ZT Nature"; font-weight: 100; font-style: normal; font-display: swap;
  src: url("fonts/ZTNature-Thin.woff2") format("woff2"); }
@font-face { font-family: "ZT Nature"; font-weight: 100; font-style: italic; font-display: swap;
  src: url("fonts/ZTNature-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "ZT Nature"; font-weight: 500; font-style: normal; font-display: swap;
  src: url("fonts/ZTNature-Medium.woff2") format("woff2"); }
@font-face { font-family: "ZT Nature"; font-weight: 500; font-style: italic; font-display: swap;
  src: url("fonts/ZTNature-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "ZT Nature"; font-weight: 900; font-style: normal; font-display: swap;
  src: url("fonts/ZTNature-Black.woff2") format("woff2"); }
@font-face { font-family: "ZT Nature"; font-weight: 900; font-style: italic; font-display: swap;
  src: url("fonts/ZTNature-BlackItalic.woff2") format("woff2"); }

:root {
  --font-sans: "ZT Nature", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
    "Helvetica Neue", Arial, sans-serif;

  /* Farben */
  --canvas: #FCFCF8;  --surface: #FFFFFF;  --sidebar: #EEF4F2;
  --soft: #F7F7F5;    --soft-2: #F1F1EE;
  --line: #ECEDEE;    --line-soft: #F1F1F1;
  --ink: #0A0B0C;     --ink-2: #585D5F;    --ink-3: #9A9EA1;
  --control: #050505;
  --brand: #176B4D;   --brand-soft: #E8F1ED;
  --alert: #B4453A;   --alert-soft: #FBEAE8;

  /* Pastell (nur für Inhalte, nicht für Chrome) */
  --pastel-lavender: #E2D5FA; --pastel-blue: #D7EDF8; --pastel-mint: #C9F0D8;
  --pastel-yellow: #FDE7B5;   --pastel-periwinkle: #CDD4FA;

  /* Radien */
  --radius-control: 8px; --radius-card: 10px; --radius-panel: 16px;
  --radius-nav: 20px;    --radius-shell: 22px;
}