/* generated by beseda::css::tokens_css() — do not edit */
@layer tokens {
:root {
  --bg: #0d0d0e;
  --bg-secondary: #18181a;
  --bg-tertiary: #232326;
  --bg-hover: #2e2e31;
  --bg-elevated: #39393c;
  --fg: #f5f5f5;
  --fg-secondary: #d4d4d7;
  --fg-tertiary: #a1a1a4;
  --fg-muted: #74747a;
  --accent: #f5f5f5;
  --accent-hover: #ffffff;
  --accent-light: rgba(245, 245, 245, 0.08);
  --accent-glow: rgba(245, 245, 245, 0.18);
  --primary: #a1a1a4;
  --primary-hover: #b4b4b7;
  --tg: #0088cc;
  --danger: #f07b8a;
  --success: #a1a1a4;
  --warning: #d4d4d7;
  --border: rgba(245, 245, 245, 0.08);
  --border-strong: rgba(245, 245, 245, 0.16);
  --error-color: var(--danger);
  --success-color: var(--fg-tertiary);
  --font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius: 0.4rem;
  --radius-lg: 0.75rem;
  --radius-full: 50%;
  --font-size-mono: 0.8rem;
  --font-size-eyebrow: 0.6875rem;
  --tracking-eyebrow: 0.08em;
  --tracking-display: -0.01em;
  --t1: clamp(1.125rem, 0.95rem + 0.9vw, 1.375rem);
  --t2: clamp(0.9375rem, 0.85rem + 0.45vw, 1.0625rem);
  --t3: clamp(0.875rem, 0.82rem + 0.3vw, 1rem);
  --t4: 0.8125rem;
  --t5: 0.75rem;
  --t6: 0.6875rem;
  --t7: 0.625rem;
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 0.15s;
  --duration-normal: 0.25s;
  --duration-slow: 0.4s;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.15), 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.2), 0 8px 24px rgba(0,0,0,0.12);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.2), 0 16px 48px rgba(0,0,0,0.15);
}

[data-theme="light"] {
  --bg: #faf8f4;
  --bg-secondary: #f3f0ea;
  --bg-tertiary: #ebe8e2;
  --bg-hover: #e0ddd6;
  --bg-elevated: #ffffff;
  --fg: #1a1a1a;
  --fg-secondary: #5a5e68;
  --fg-tertiary: #8b8f99;
  --fg-muted: #b0b4bd;
  --accent: #111114;
  --accent-hover: #000000;
  --accent-light: rgba(0, 0, 0, 0.06);
  --accent-glow: rgba(0, 0, 0, 0.12);
  --danger: #d04a3a;
  --success: #78716c;
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.16);
}
}