:root{--color-surface: #ffffff;--color-surface-muted: #eff4f9;--color-surface-hover: #eef1f4;--color-surface-active: #e8f0f8;--color-text: #003049;--color-text-muted: #5a6b78;--color-text-on-dark: #ffffff;--color-border: #c3ced6;--color-border-soft: #e2e8ed;--color-border-muted: #eef1f4;--color-selected-bg: #3c9fc3;--color-active-bg: #e8f0f8;--color-primary: #003049;--color-secondary: #3c9fc3;--color-accent: #fa8072;--shadow-sm: 0 1px 3px rgba(0, 48, 73, .12);--shadow-md: 0 1px 3px rgba(0, 48, 73, .06), 0 1px 2px rgba(0, 48, 73, .04);--shadow-lg: 0 4px 12px rgba(0, 48, 73, .08), 0 2px 4px rgba(0, 48, 73, .04)}.dark{--color-surface: #101d30;--color-surface-muted: #0e1a2c;--color-surface-hover: #16253c;--color-surface-active: #1b2c46;--color-text: rgba(255, 255, 255, .95);--color-text-muted: rgba(255, 255, 255, .65);--color-text-on-dark: #ffffff;--color-border: rgba(255, 255, 255, .14);--color-border-soft: rgba(255, 255, 255, .1);--color-border-muted: rgba(255, 255, 255, .06);--color-selected-bg: #5ab5db;--color-active-bg: rgba(139, 180, 255, .15);--color-primary: #e8f0f8;--color-secondary: #5ab5db;--color-accent: #fa8072;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 1px 3px rgba(0, 0, 0, .4), 0 0 24px rgba(139, 180, 255, .04);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 0 32px rgba(139, 180, 255, .06)}