/* Generated by Konio.DesignSystem — do not edit by hand. */
/* Source: tokens.json 0.2.0-draft */

:root {
  --konio-space-0: 0;
  --konio-space-1: 0.25rem;
  --konio-space-2: 0.5rem;
  --konio-space-3: 0.75rem;
  --konio-space-4: 1rem;
  --konio-space-5: 1.25rem;
  --konio-space-6: 1.5rem;
  --konio-space-7: 2rem;
  --konio-space-8: 2.5rem;
  --konio-space-9: 3rem;
  --konio-space-10: 4rem;
}

:root, [data-konio-theme="light"] {
  --konio-color-surface-ground: #F6FBFC;
  --konio-color-surface-window: #F7F8FA;
  --konio-color-surface-section: #F0F2F5;
  --konio-color-surface-card: #FFFFFF;
  --konio-color-surface-control: #FFFFFF;
  --konio-color-surface-control-light: #F7F8F9;
  --konio-color-surface-control-strong: #E4E8EC;
  --konio-color-surface-overlay: #FFFFFF;
  --konio-color-surface-popup: #FFFFFF;
  --konio-color-surface-panel: #FFFFFF;
  --konio-color-surface-transparent: transparent;
  --konio-color-surface-highlight: #E9FBF9;
  --konio-color-surface-hover: #E9FBF9;
  --konio-color-surface-pressed: #D0F0ED;
  --konio-color-surface-selected: #D8F5F2;
  --konio-color-surface-header-start: #FFFFFF;
  --konio-color-surface-header-end: #E3F7F5;
  --konio-color-text-primary: #0F1720;
  --konio-color-text-secondary: #4A5A64;
  --konio-color-text-muted: #5A5D61;
  --konio-color-text-inverse: #FFFFFF;
  --konio-color-text-onAccent: #000000;
  --konio-color-border-default: #D5D7DB;
  --konio-color-border-subtle: #D0E6E4;
  --konio-color-border-strong: #B0BEC5;
  --konio-color-border-panel: #D0E6E4;
  --konio-color-border-popup: #D5D7DB;
  --konio-color-accent-primary: #00A7A0;
  --konio-color-accent-secondary: #43D6B8;
  --konio-color-accent-strong: #007870;
  --konio-color-accent-primary-muted: #BFE7F0;
  --konio-color-accent-primary-hover: #008F88;
  --konio-color-selection-background: #00A7A0;
  --konio-color-selection-subtle: #D8F5F2;
  --konio-color-selection-text: #FFFFFF;
  --konio-color-status-success: #1A9A52;
  --konio-color-status-warning: #C07F00;
  --konio-color-status-danger: #D34747;
  --konio-color-status-danger-hover: #E05A5A;
  --konio-color-status-info: #5A7CA6;
  --konio-color-scrollbar-track: #E4E8EC;
  --konio-color-scrollbar-thumb: #B0BEC5;
  --konio-color-scrollbar-thumb-hover: #96A1AB;
  --konio-color-overlay-subtle: rgba(15, 23, 32, 0.06);
  --konio-color-chrome-caption: #F7F8FA;
  --konio-color-chrome-captionText: #0F1720;
  --konio-color-code-background: #F0F2F5;
  --konio-color-code-foreground: #0F1720;
  --konio-color-code-border: #D5D7DB;
}
[data-konio-theme="dark"] {
  --konio-color-surface-ground: #24282D;
  --konio-color-surface-window: #24282D;
  --konio-color-surface-section: #1E2328;
  --konio-color-surface-card: #333333;
  --konio-color-surface-control: #171A1E;
  --konio-color-surface-control-light: #1E2328;
  --konio-color-surface-control-strong: #39424C;
  --konio-color-surface-overlay: #39424C;
  --konio-color-surface-popup: #1E1E1E;
  --konio-color-surface-panel: #15181C;
  --konio-color-surface-highlight: #2A2A2A;
  --konio-color-surface-hover: #2A2A2A;
  --konio-color-surface-pressed: #171A1E;
  --konio-color-surface-selected: #333333;
  --konio-color-surface-transparent: transparent;
  --konio-color-surface-header-start: #1B252C;
  --konio-color-surface-header-end: #122128;
  --konio-color-text-primary: #FCFCFD;
  --konio-color-text-secondary: #E6E6E6;
  --konio-color-text-muted: #9A9A9A;
  --konio-color-text-inverse: #0A0A0A;
  --konio-color-text-onAccent: #000000;
  --konio-color-border-default: #555555;
  --konio-color-border-subtle: #3A3F45;
  --konio-color-border-strong: #4A4A4A;
  --konio-color-border-panel: #434D58;
  --konio-color-border-popup: #3A3F45;
  --konio-color-accent-primary: #00D4FF;
  --konio-color-accent-secondary: #43D6B8;
  --konio-color-accent-strong: #009BB5;
  --konio-color-accent-primary-muted: color-mix(in srgb, #00D4FF 14%, #333333);
  --konio-color-accent-primary-hover: #00B8E6;
  --konio-color-selection-background: #00D4FF;
  --konio-color-selection-subtle: color-mix(in srgb, #00D4FF 12%, #333333);
  --konio-color-selection-text: #000000;
  --konio-color-status-success: #00FF88;
  --konio-color-status-warning: #FFD700;
  --konio-color-status-danger: #FF4757;
  --konio-color-status-danger-hover: #FF6B77;
  --konio-color-status-info: #5A7CA6;
  --konio-color-scrollbar-track: #20252A;
  --konio-color-scrollbar-thumb: #45515C;
  --konio-color-scrollbar-thumb-hover: #5A6875;
  --konio-color-overlay-subtle: rgba(15, 18, 22, 0.67);
  --konio-color-chrome-caption: #121212;
  --konio-color-chrome-captionText: #FCFCFD;
  --konio-color-chrome-dwmBorder: #646B76;
  --konio-color-code-background: #404040;
  --konio-color-code-foreground: #FFFFFF;
  --konio-color-code-border: #555555;
  --konio-shell-header-bg: #15181C;
  --konio-shell-footer-bg: #171A1E;
}