/* Print-Flow 3d — Design Tokens
   Palette: warmes, oliv-getöntes Dunkel + ein einzelner Akzent (gedämpftes Kiefer-/Waldgrün,
   bewusst anders hergeleitet als Grasgrün-Standardtöne). Ein Akzent sitewide, keine zweite
   Signalfarbe (vgl. CLAUDE.md 7.4 / Taste-Prinzip "ein Akzent, konsequent"). */

:root {
  /* Farbe */
  --color-ink: #14140f;
  --color-ink-raised: #1b1b14;
  --color-ink-raised-2: #22221a;
  --color-border: #33332a;
  --color-border-strong: #4a4a3c;
  --color-paper: #f2efe4;
  --color-paper-dim: #e7e3d4;
  --color-muted: #a9a290;
  --color-muted-2: #928b78;

  --color-accent: #4a9270;
  --color-accent-hover: #57a682;
  --color-accent-press: #44886b;
  --color-accent-muted: rgba(74, 146, 112, 0.16);
  --color-accent-on: #06110c;

  --color-danger: #cf6355;

  /* Typografie */
  --font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --font-body: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;

  --fs-h1: clamp(2.2rem, 1.6vw + 1.9rem, 3.4rem);
  --fs-h2: clamp(1.7rem, 1.1vw + 1.4rem, 2.35rem);
  --fs-h3: clamp(1.15rem, 0.4vw + 1.05rem, 1.35rem);
  --fs-lead: clamp(1.05rem, 0.3vw + 1rem, 1.2rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-mono: 0.8rem;

  --lh-tight: 1.12;
  --lh-normal: 1.55;

  /* Abstand & Raster */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-section: clamp(4rem, 5vw + 2rem, 7rem);

  --wrap-width: 1180px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --nav-height: 72px;

  /* Bewegung */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-normal: 420ms;
  --dur-slow: 900ms;
}