/* TATBG — generated from tokens.json */
:root, [data-theme="dark"] {
  --bg: #0f141e;
  --bg-sunken: #0b1018;
  --bg-raised: #151c29;
  --bg-elevated: #1c2536;
  --line: #232d40;
  --line-strong: #323e56;
  --line-control: #66738d;
  --ink: #eef2f8;
  --ink-muted: #a7b1c2;
  --ink-subtle: #8590a3;
  --brand: #0958d9;
  --brand-hover: #1666e6;
  --brand-pressed: #0a4cba;
  --on-brand: #ffffff;
  --accent: #4a90d9;
  --link: #6aa6ea;
  --icon: #4a90d9;
  --brand-soft: #0e2547;
  --focus-ring: #6aa6ea;
  --success: #4cc79a;
  --success-soft: #0f2e25;
  --warning: #e9b450;
  --warning-soft: #33280f;
  --danger: #f2857a;
  --danger-soft: #3a1a1a;
  --neutral-soft: #222b3b;
  --header-glass: rgba(15, 20, 30, 0.62);
  --header-glass-scrolled: rgba(15, 20, 30, 0.86);
  --scrim: rgba(5, 8, 14, 0.64);
  --shadow-rest: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-lift: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 12px 32px -8px rgba(0, 0, 0, 0.55);
  --shadow-overlay: 0 24px 64px -12px rgba(0, 0, 0, 0.7);
  --shadow-brand: 0 8px 24px -6px rgba(9, 88, 217, 0.55);
}
[data-theme="light"] {
  --bg: #f6f8fb;
  --bg-sunken: #eef1f5;
  --bg-raised: #ffffff;
  --bg-elevated: #ffffff;
  --line: #e3e7ee;
  --line-strong: #cfd5df;
  --line-control: #788396;
  --ink: #0f141e;
  --ink-muted: #475468;
  --ink-subtle: #5f6b80;
  --brand: #0958d9;
  --brand-hover: #0b4fc0;
  --brand-pressed: #0a44a6;
  --on-brand: #ffffff;
  --accent: #4a90d9;
  --link: #0958d9;
  --icon: #0958d9;
  --brand-soft: #e8f0fd;
  --focus-ring: #0958d9;
  --success: #0d7a52;
  --success-soft: #e3f5ee;
  --warning: #8a5800;
  --warning-soft: #fbf1dc;
  --danger: #c0392b;
  --danger-soft: #fbe9e7;
  --neutral-soft: #eef1f5;
  --header-glass: rgba(246, 248, 251, 0.72);
  --header-glass-scrolled: rgba(255, 255, 255, 0.9);
  --scrim: rgba(15, 20, 30, 0.4);
  --shadow-rest: 0 1px 2px rgba(15, 20, 30, 0.06);
  --shadow-lift: 0 12px 32px -10px rgba(15, 20, 30, 0.18);
  --shadow-overlay: 0 24px 64px -16px rgba(15, 20, 30, 0.25);
  --shadow-brand: 0 8px 20px -6px rgba(9, 88, 217, 0.35);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --dur-instant: 120ms;
  --dur-fast: 200ms;
  --dur-base: 320ms;
  --dur-slow: 500ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --container: 1200px;
  --container-text: 720px;
  --gutter: 24px;
  --gutter-mobile: 16px;
  --header-height: 72px;
  --target-min: 44px;
  --blur-glass: 20px;
  --font-sans: Onest, "Golos UI", system-ui, -apple-system, "Segoe UI", sans-serif;
}