/* ==========================================================================
   navweed (Garten) — Design Tokens
   Produktiv: alle Werte direkt auf :root. Eine Quelle der Wahrheit.
   ========================================================================== */

:root {
  /* ---- Schrift ---- */
  --nw-font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --nw-font-body: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --nw-font-mono: ui-monospace, "SFMono-Regular", "Menlo", monospace;

  /* ---- Typo-Skala ---- */
  --nw-fs-display: clamp(2rem, 1.4rem + 2.4vw, 3rem);
  --nw-fs-h1: clamp(1.7rem, 1.3rem + 1.6vw, 2.3rem);
  --nw-fs-h2: 1.5rem;
  --nw-fs-h3: 1.2rem;
  --nw-fs-lg: 1.0625rem;
  --nw-fs-base: 1rem;
  --nw-fs-sm: 0.875rem;
  --nw-fs-xs: 0.78rem;

  --nw-lh-tight: 1.12;
  --nw-lh-snug: 1.32;
  --nw-lh-base: 1.6;

  /* ---- Spacing (4px-Basis) ---- */
  --nw-sp-1: 4px;
  --nw-sp-2: 8px;
  --nw-sp-3: 12px;
  --nw-sp-4: 16px;
  --nw-sp-5: 24px;
  --nw-sp-6: 32px;
  --nw-sp-7: 48px;
  --nw-sp-8: 64px;

  /* ---- Farben: Flächen & Neutrale (warm) ---- */
  --nw-bg: oklch(0.984 0.007 95);
  --nw-surface: oklch(1 0 0);
  --nw-surface-2: oklch(0.972 0.009 95);
  --nw-surface-3: oklch(0.955 0.012 95);
  --nw-border: oklch(0.905 0.012 110);
  --nw-border-strong: oklch(0.83 0.016 120);
  --nw-text: oklch(0.29 0.022 150);
  --nw-text-muted: oklch(0.52 0.02 140);
  --nw-text-faint: oklch(0.64 0.018 130);

  /* ---- Farben: Primär (Leaf-Green) ---- */
  --nw-primary: oklch(0.55 0.125 148);
  --nw-primary-hover: oklch(0.48 0.13 148);
  --nw-primary-contrast: oklch(0.99 0.01 145);
  --nw-primary-soft: oklch(0.95 0.04 148);
  --nw-primary-soft-border: oklch(0.86 0.06 148);
  --nw-ring: oklch(0.55 0.125 148 / 0.32);

  /* ---- Farben: Semantisch ---- */
  --nw-star: oklch(0.78 0.135 78);
  --nw-danger: oklch(0.55 0.17 25);
  --nw-danger-soft: oklch(0.95 0.04 25);

  /* ---- Radien (Garten: weich) ---- */
  --nw-radius-card: 16px;
  --nw-radius-control: 12px;
  --nw-radius-input: 12px;
  --nw-radius-pill: 999px;

  /* ---- Elevation ---- */
  --nw-shadow-sm: 0 1px 2px oklch(0.3 0.03 140 / 0.05);
  --nw-shadow-md: 0 2px 4px oklch(0.3 0.03 140 / 0.05);

  /* ---- Felder ---- */
  --nw-field-fill: oklch(1 0 0);

  /* ---- Übergänge ---- */
  --nw-t-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --nw-t-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ---- Astra-Variablen direkt überschreiben (greifen global) ---- */
  --ast-global-color-0: oklch(0.55 0.125 148);   /* primary */
  --ast-global-color-1: oklch(0.48 0.13 148);    /* primary hover */
  --ast-global-color-2: oklch(0.29 0.022 150);   /* text */
  --ast-global-color-3: oklch(0.52 0.02 140);    /* text muted */
  --ast-global-color-4: oklch(0.984 0.007 95);   /* bg */
  --ast-global-color-5: oklch(1 0 0);            /* surface */
}