/* DAYBUILT · Albtrauf Salbei. Erzeugt aus packages/brand/tokens.json (pnpm brand:build). Nicht von Hand ändern. */
:root {
  color-scheme: light dark;
  --canvas: oklch(0.958 0.007 97.4);
  --card: oklch(1 0 0);
  --sub: oklch(0.976 0.005 95.1);
  --hover: oklch(0.93 0.009 100);
  --pop: oklch(1 0 0);
  --line: oklch(0.894 0.011 95.2);
  --line-2: oklch(0.835 0.013 96.5);
  --control: oklch(0.623 0.014 91.6);
  --ink: oklch(0.195 0.002 106.6);
  --ink-2: oklch(0.405 0.008 97.5);
  --ink-3: oklch(0.499 0.011 93.7);
  --scrim: oklch(0 0 0 / 0.45);
  --acc: oklch(0.477 0.051 125);
  --acc-hover: oklch(0.417 0.045 126.3);
  --on-acc: oklch(1 0 0);
  --acc-ink: oklch(0.417 0.045 126.3);
  --acc-wash: oklch(0.94 0.019 116.6);
  --acc-line: oklch(0.812 0.041 119.8);
  --hi: oklch(0.903 0.031 117);
  --focus: oklch(0.477 0.051 125);
  --risk: oklch(0.49 0.17 27);
  --risk-wash: oklch(0.965 0.022 27);
  --risk-line: oklch(0.84 0.07 27);
  --warn: oklch(0.5 0.11 65);
  --warn-wash: oklch(0.968 0.04 85);
  --warn-line: oklch(0.86 0.07 80);
  --ok: oklch(0.47 0.09 155);
  --ok-wash: oklch(0.965 0.025 155);
  --ok-line: oklch(0.85 0.05 155);
  --solid: oklch(0.195 0.002 106.6);
  --zone: oklch(0.869 0.012 96.4);
  --shadow-pop: 0 0 0 1px var(--line), 0 18px 40px -20px oklch(0.2 0.01 100 / 0.35);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas: oklch(0.195 0.002 106.6);
    --card: oklch(0.248 0.004 84.6);
    --sub: oklch(0.227 0.01 125);
    --hover: oklch(0.285 0.006 91.6);
    --pop: oklch(0.285 0.006 91.6);
    --line: oklch(0.321 0.007 95.3);
    --line-2: oklch(0.405 0.008 97.5);
    --control: oklch(0.607 0.012 89.8);
    --ink: oklch(0.958 0.007 97.4);
    --ink-2: oklch(0.776 0.012 89.7);
    --ink-3: oklch(0.68 0.012 89.8);
    --scrim: oklch(0 0 0 / 0.6);
    --acc: oklch(0.751 0.057 120.3);
    --acc-hover: oklch(0.803 0.052 119.9);
    --on-acc: oklch(0.195 0.002 106.6);
    --acc-ink: oklch(0.803 0.052 119.9);
    --acc-wash: oklch(0.289 0.013 120.2);
    --acc-line: oklch(0.485 0.041 121.8);
    --hi: oklch(0.922 0.02 116);
    --focus: oklch(0.751 0.057 120.3);
    --risk: oklch(0.75 0.15 27);
    --risk-wash: oklch(0.27 0.06 27);
    --risk-line: oklch(0.46 0.1 27);
    --warn: oklch(0.78 0.12 75);
    --warn-wash: oklch(0.285 0.05 75);
    --warn-line: oklch(0.48 0.08 75);
    --ok: oklch(0.77 0.11 155);
    --ok-wash: oklch(0.265 0.04 155);
    --ok-line: oklch(0.45 0.07 155);
    --solid: oklch(0.958 0.007 97.4);
    --zone: oklch(0.359 0.009 97.6);
    --shadow-pop: 0 0 0 1px var(--line-2), 0 18px 40px -16px oklch(0 0 0 / 0.7);
  }
}

:root[data-theme="light"] {
  color-scheme: light;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --canvas: oklch(0.195 0.002 106.6);
  --card: oklch(0.248 0.004 84.6);
  --sub: oklch(0.227 0.01 125);
  --hover: oklch(0.285 0.006 91.6);
  --pop: oklch(0.285 0.006 91.6);
  --line: oklch(0.321 0.007 95.3);
  --line-2: oklch(0.405 0.008 97.5);
  --control: oklch(0.607 0.012 89.8);
  --ink: oklch(0.958 0.007 97.4);
  --ink-2: oklch(0.776 0.012 89.7);
  --ink-3: oklch(0.68 0.012 89.8);
  --scrim: oklch(0 0 0 / 0.6);
  --acc: oklch(0.751 0.057 120.3);
  --acc-hover: oklch(0.803 0.052 119.9);
  --on-acc: oklch(0.195 0.002 106.6);
  --acc-ink: oklch(0.803 0.052 119.9);
  --acc-wash: oklch(0.289 0.013 120.2);
  --acc-line: oklch(0.485 0.041 121.8);
  --hi: oklch(0.922 0.02 116);
  --focus: oklch(0.751 0.057 120.3);
  --risk: oklch(0.75 0.15 27);
  --risk-wash: oklch(0.27 0.06 27);
  --risk-line: oklch(0.46 0.1 27);
  --warn: oklch(0.78 0.12 75);
  --warn-wash: oklch(0.285 0.05 75);
  --warn-line: oklch(0.48 0.08 75);
  --ok: oklch(0.77 0.11 155);
  --ok-wash: oklch(0.265 0.04 155);
  --ok-line: oklch(0.45 0.07 155);
  --solid: oklch(0.958 0.007 97.4);
  --zone: oklch(0.359 0.009 97.6);
  --shadow-pop: 0 0 0 1px var(--line-2), 0 18px 40px -16px oklch(0 0 0 / 0.7);
}

:root {
  --font-display: var(--brand-font-display, "Archivo"), system-ui, sans-serif;
  --font-body: var(--brand-font-body, "Hanken Grotesk"), system-ui, sans-serif;
  --font-mono: var(--brand-font-mono, "IBM Plex Mono"), ui-monospace, monospace;
  --font-stretch-heading: 112%;
  --font-stretch-display: 118%;
  --font-stretch-label: 125%;
  --fs-xs: 0.6875rem;
  --fs-sm: 0.75rem;
  --fs-md: 0.8125rem;
  --fs-base: 0.84375rem;
  --fs-input: 0.875rem;
  --fs-lg: 0.9375rem;
  --fs-read: 0.96875rem;
  --fs-kpi: 1.1875rem;
  --fs-title: 1.375rem;
  --fs-site-body: 1.0625rem;
  --fs-site-h3: 1.25rem;
  --fs-site-h2: clamp(1.9rem, 3.4vw, 3rem);
  --fs-site-h1: clamp(2.6rem, 6.6vw, 5.8rem);
  --fs-site-label: 0.72rem;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 28px;
  --s-8: 32px;
  --s-10: 40px;
  --site-section: clamp(96px, 12vw, 160px);
  --site-max: 1280px;
  --site-gutter: 20px;
  --r-sm: 4px;
  --r: 6px;
  --r-lg: 10px;
  --r-sheet: 14px;
  --r-card: 14px;
  --r-image: 6px;
  --r-pill: 999px;
  --btn-radius: 999px;
  --btn-weight: 600;
  --btn-h: 32px;
  --btn-h-sm: 26px;
  --btn-px: 14px;
  --btn-px-sm: 10px;
  --btn-site-py: 14px;
  --btn-site-px: 24px;
  --btn-site-fs: 0.95rem;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --t-fast: 150ms;
  --t-mid: 220ms;
  --dur-1: 120ms;
  --dur-2: 180ms;
  --dur-3: 220ms;
}