/* Generated by tools/build_tokens.py. Edit tokens.json, then regenerate. */
:root {
  --ky-font-heading: "Newsreader", Georgia, serif;
  --ky-font-body: "DM Sans", system-ui, sans-serif;
  --ky-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --ky-weight-heading: 500;
  --ky-weight-body: 400;
  --ky-weight-label: 600;
  --ky-weight-code: 400;
  --ky-text-display: 4rem;
  --ky-text-page: 2.25rem;
  --ky-text-section: 1.75rem;
  --ky-text-panel: 1rem;
  --ky-text-body: 1rem;
  --ky-text-ui: 0.875rem;
  --ky-text-meta: 0.75rem;
  --ky-text-code: 0.875rem;
  --ky-line-heading: 1.12;
  --ky-line-body: 1.6;
  --ky-line-ui: 1.5;
  --ky-line-code: 1.7;
  --ky-space-1: 4px;
  --ky-space-2: 8px;
  --ky-space-3: 12px;
  --ky-space-4: 16px;
  --ky-space-5: 20px;
  --ky-space-6: 24px;
  --ky-space-8: 32px;
  --ky-space-10: 40px;
  --ky-space-12: 48px;
  --ky-space-16: 64px;
  --ky-space-24: 96px;
  --ky-radius-control: 4px;
  --ky-radius-inset: 6px;
  --ky-radius-panel: 8px;
  --ky-radius-overlay: 12px;
  --ky-radius-badge: 999px;
  --ky-border-width: 1px;
  --ky-control-height: 40px;
  --ky-row-height: 44px;
  --ky-panel-padding: 24px;
  --ky-panel-gap: 24px;
  --ky-sidebar-width: 240px;
  --ky-reading-width: 68ch;
  --ky-detail-width: 1120px;
  --ky-motion-fast: 160ms;
  --ky-motion-standard: 220ms;
  --ky-ease: cubic-bezier(0.2, 0, 0, 1);
  --ky-black: #151515;
  --ky-white: #FFFFFF;
  --ky-accent-blue: #3D91FF;
  --ky-accent-red: #FA5144;
  --ky-accent-green: #1DBD56;
  --ky-accent-yellow: #F3C400;
  --ky-on-accent: #151515;
}
:root, [data-ky-theme="light"] {
  --ky-page: #FFFFFF;
  --ky-canvas: #F5F5F5;
  --ky-surface: #FFFFFF;
  --ky-inset: #F5F5F5;
  --ky-raised: #FFFFFF;
  --ky-text: #151515;
  --ky-muted: #626262;
  --ky-border: #DEDEDE;
  --ky-control-border: #858585;
  --ky-hover: #F0F0F0;
  --ky-selected: #EDEDED;
  --ky-selected-indicator: #151515;
  --ky-button: #151515;
  --ky-button-hover: #333333;
  --ky-on-button: #FFFFFF;
  --ky-focus: #215ED0;
  --ky-info: #215ED0;
  --ky-info-surface: #EEF4FF;
  --ky-success: #167045;
  --ky-success-surface: #EDF8F0;
  --ky-warning: #855B00;
  --ky-warning-surface: #FFF7D6;
  --ky-danger: #B52C31;
  --ky-danger-surface: #FFF0EF;
  --ky-disabled: #626262;
  --ky-disabled-surface: #EDEDED;
  --ky-shadow-overlay: 0 12px 32px #00000024;
}
[data-ky-theme="dark"] {
  --ky-page: #151515;
  --ky-canvas: #151515;
  --ky-surface: #202020;
  --ky-inset: #151515;
  --ky-raised: #292929;
  --ky-text: #FAFAFA;
  --ky-muted: #B6B6B6;
  --ky-border: #414141;
  --ky-control-border: #858585;
  --ky-hover: #292929;
  --ky-selected: #303030;
  --ky-selected-indicator: #FAFAFA;
  --ky-button: #FAFAFA;
  --ky-button-hover: #DDDDDD;
  --ky-on-button: #151515;
  --ky-focus: #83B4FF;
  --ky-info: #83B4FF;
  --ky-info-surface: #1A2B45;
  --ky-success: #78DFAD;
  --ky-success-surface: #173322;
  --ky-warning: #F3D775;
  --ky-warning-surface: #362F18;
  --ky-danger: #FF9B93;
  --ky-danger-surface: #3D2023;
  --ky-disabled: #B6B6B6;
  --ky-disabled-surface: #303030;
  --ky-shadow-overlay: 0 16px 40px #00000066;
}
[data-ky-density="comfortable"] {
  --ky-control-height: 40px;
  --ky-row-height: 44px;
  --ky-panel-padding: 24px;
  --ky-panel-gap: 24px;
}
[data-ky-density="compact"] {
  --ky-control-height: 32px;
  --ky-row-height: 36px;
  --ky-panel-padding: 16px;
  --ky-panel-gap: 16px;
}
@media (prefers-reduced-motion: reduce) { :root { --ky-motion-fast: 0ms; --ky-motion-standard: 0ms; } }