/* AUTO-GENERATED by design-tokens/build.mjs from design-tokens/tokens.json.
   DO NOT EDIT BY HAND — edit the token source and run `node design-tokens/build.mjs`. */
:root {
    --ekh-cyan: #1E94BC;
    --ekh-cyan-dark: #17799a;
    --ekh-cyan-light: #e0f2f8;
    --ekh-cyan-10: rgba(30, 148, 188, 0.10);
    --ekh-cyan-15: rgba(30, 148, 188, 0.15);
    --ekh-pink: #C31D64;
    --ekh-pink-dark: #a1184f;
    --ekh-pink-light: #fce4ef;
    --ekh-pink-10: rgba(195, 29, 100, 0.10);
    --gray-50: #f8fafc;
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #64748b;
    --gray-600: #475569;
    --gray-700: #374151;
    --gray-800: #1e293b;
    --gray-900: #0f172a;
    --color-primary: var(--ekh-cyan);
    --color-primary-hover: var(--ekh-cyan-dark);
    --color-primary-light: var(--ekh-cyan-light);
    --color-primary-10: var(--ekh-cyan-10);
    --color-accent: var(--ekh-pink);
    --color-accent-hover: var(--ekh-pink-dark);
    --color-accent-light: var(--ekh-pink-light);
    --color-success: #16a34a;
    --color-success-light: #dcfce7;
    --color-success-10: rgba(22, 163, 74, 0.10);
    --color-warning: #d97706;
    --color-warning-light: #fef3c7;
    --color-warning-10: rgba(217, 119, 6, 0.10);
    --color-danger: #dc2626;
    --color-danger-light: #fee2e2;
    --color-danger-10: rgba(220, 38, 38, 0.10);
    --color-info: var(--ekh-cyan);
    --color-success-dark: #166534;
    --color-warning-dark: #92400e;
    --color-danger-dark: #991b1b;
    --color-info-dark: #1e40af;
    --color-danger-subtle: #fff5f5;
    --color-warning-subtle: #fff9e6;
    --color-info-subtle: #e7f3ff;
    --glow-success: rgba(22, 163, 74, 0.50);
    --glow-danger: rgba(220, 38, 38, 0.40);
    --role-owner: #1a7f37;
    --role-admin: #0969da;
    --role-member: #6e7781;
    --color-teal: var(--color-primary);
    --color-indigo: #667eea;
    --surface-page: #f0f2f5;
    --surface-card: #ffffff;
    --surface-raised: #f8fcfd;
    --surface-sunken: var(--gray-50);
    --surface-hover: rgba(31,148,185,0.06);
    --surface-active: var(--ekh-cyan-light);
    --surface-workspace: #b0b8c4;
    --surface-overlay: rgba(0, 0, 0, 0.40);
    --text-primary: var(--gray-800);
    --text-body: var(--gray-700);
    --text-secondary: var(--gray-500);
    --text-muted: var(--gray-400);
    --text-on-primary: #ffffff;
    --text-link: var(--ekh-cyan);
    --border-default: var(--gray-200);
    --border-strong: var(--gray-300);
    --border-subtle: var(--gray-100);
    --border-focus: var(--ekh-cyan);
    --editor-chrome-bg: #10131a;
    --editor-chrome-panel: #232a38;
    --editor-chrome-rail: #1a1f29;
    --editor-chrome-raised: #2f3849;
    --editor-chrome-active: #3b465a;
    --editor-chrome-border: #3f4a5e;
    --editor-chrome-border-strong: #566178;
    --editor-chrome-text: #eef2f8;
    --editor-chrome-text-muted: #9aa6b8;
    --editor-chrome-accent: var(--ekh-cyan);
    --editor-chrome-accent-text: #ffffff;
    --editor-chrome-ruler-bg: #1a2029;
    --editor-chrome-ruler-tick: #7c8798;
    --editor-chrome-grid-line: rgba(0, 0, 0, 0.14);
    --editor-chrome-grid-major: rgba(0, 0, 0, 0.26);
    --editor-chrome-guide: #ff3b8b;
    --editor-chrome-dimension: rgba(0, 0, 0, 0.72);
    --editor-chrome-offpage: rgba(0, 0, 0, 0.16);
    --editor-chrome-artboard-border: rgba(0, 0, 0, 0.45);
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.08), 0 1px 2px -1px rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.04);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.04);
    --shadow-panel: 2px 0 8px rgba(0, 0, 0, 0.10);
    --radius-xs: 3px;
    --radius-sm: 4px;
    --radius: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;
    --sidebar-width: 290px;
    --topbar-height: 56px;
    --font-sans: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-mono: 'Consolas', 'Monaco', 'Courier New', monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-8: 3rem;
    --size-touch-sm: 46px;
    --size-touch-md: 60px;
    --size-touch-lg: 72px;
    --breakpoint-sm: 480px;
    --breakpoint-md: 640px;
    --breakpoint-lg: 768px;
    --breakpoint-xl: 1024px;
    --z-base: 1;
    --z-sticky: 50;
    --z-sidebar: 100;
    --z-dropdown: 1000;
    --z-modal-backdrop: 1100;
    --z-modal: 1101;
    --z-popover: 1200;
    --z-toast: 1300;
    --z-tooltip: 1400;
    --z-shell-overlay: 9000;
    --z-shell-nav: 9100;
    --z-shell-modal-backdrop: 9200;
    --z-shell-modal: 9201;
    --z-shell-toast: 9300;
    --z-shell-tooltip: 9400;
    --z-keyboard-toggle: 9590;
    --z-keyboard: 9600;
    --duration-fast: 0.15s;
    --duration-base: 0.2s;
    --duration-slow: 0.3s;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --terminal-bg: #0c0c0c;
    --terminal-text: #00ff00;
    --terminal-cursor: #ffffff;
    --chart-bg: var(--surface-card);
    --chart-surface: var(--gray-50);
    --chart-grid: rgba(0, 0, 0, 0.08);
    --chart-text: var(--gray-500);
    --chart-axis: rgba(0, 0, 0, 0.15);
    --chart-border: var(--border-default);
    --primary-color: var(--color-primary);
    --primary-dark: var(--color-primary-hover);
    --secondary-color: var(--text-secondary);
    --accent-color: var(--color-accent);
    --accent-light: var(--color-accent-light);
    --success-color: var(--color-success);
    --warning-color: var(--color-warning);
    --danger-color: var(--color-danger);
    --info-color: var(--color-info);
    --bg-color: var(--surface-page);
    --card-bg: var(--surface-card);
    --sidebar-bg: #f2f9fb;
    --sidebar-text: var(--text-body);
    --border-color: var(--border-default);
    --app-primary-color: var(--color-primary);
    --app-text-primary: var(--gray-800);
    --app-text-secondary: var(--gray-500);
    --app-border-color: var(--border-default);
    --app-bg-color: var(--surface-page);
    --app-card-bg: var(--surface-card);
}