:root{--rgb-shadow: 10, 22, 36;--rgb-accent: 91, 147, 189;--rgb-focus: 143, 186, 214;--rgb-danger: 192, 96, 90;--rgb-success: 79, 147, 112;--rgb-warning: 191, 139, 69;--rgb-info: 91, 147, 189;--rgb-neutral: 124, 148, 168;--font-family: "Inter", "Segoe UI", system-ui, sans-serif;--color-bg: #101c2b;--color-surface-soft: #f7fafc;--color-surface-strong: #16283c;--color-surface-overlay: rgba(var(--rgb-shadow), .4);--color-canvas-deep: #141c26;--color-canvas-panel: #10161e;--color-canvas-code: #172029;--color-on-canvas: #dde5ec;--color-text-soft: #16283c;--color-text-muted: #6c8aa3;--color-text-strong: #e4edf4;--color-text-dark: #0b1622;--color-border: #d4e0e9;--color-accent: #5b93bd;--color-accent-soft: #eaf2f8;--color-accent-dark: #416f8f;--color-on-accent: #ffffff;--color-hover-soft: #e9eff4;--color-hover-strong: #1e3448;--color-danger: #c0605a;--color-danger-soft: #fbf2f1;--color-danger-light: #e9a9a4;--color-success: #4f9370;--color-success-soft: #f0f7f3;--color-warning: #bf8b45;--color-warning-soft: #faf5ed;--color-info: #5b93bd;--color-info-soft: #eaf2f8;--radius-sm: 4px;--radius-base: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 3px rgba(var(--rgb-shadow), .08);--shadow-base: 0 2px 8px rgba(var(--rgb-shadow), .1), 0 0 0 1px rgba(var(--rgb-accent), .12);--shadow-md: 0 4px 16px rgba(var(--rgb-shadow), .12), 0 0 0 1px rgba(var(--rgb-accent), .14);--shadow-lg: 0 8px 32px rgba(var(--rgb-shadow), .15), 0 0 0 1px rgba(var(--rgb-accent), .16);--focus-ring: 0 0 0 3px rgba(var(--rgb-focus), .32);--btn-primary-bg: var(--gradient-primary);--btn-ghost-hover-bg: rgba(var(--rgb-light), .08);--btn-ghost-hover-border: transparent;--state-selected-bg: rgba(var(--rgb-accent), .14);--state-hover-bg: rgba(var(--rgb-light), .07);--border-color-subtle: rgba(var(--rgb-light), .06);--border-color-hover: rgba(var(--rgb-accent), .35);--lyt-band-bg: linear-gradient(135deg, var(--color-surface-strong) 0%, var(--color-accent-dark) 100%);--lyt-band-min-height: 46px;--lyt-left-color: #cbdde9;--lyt-right-bg: var(--color-surface-soft);--lyt-right-color: var(--color-text-soft);--lyt-resizer-bg: rgba(var(--rgb-light), .06);--lyt-resizer-bg-hover: var(--color-focus);--lyt-scroll-thumb: rgba(var(--rgb-focus), .28);--scrollbar-thumb: rgba(var(--rgb-focus), .28);--scrollbar-thumb-hover: rgba(var(--rgb-focus), .5);--toolbar-btn-hover-border: rgba(var(--rgb-light), .22);--toolbar-btn-primary-border: rgba(var(--rgb-light), .18);--toolbar-btn-primary-hover-glow: 0 0 8px rgba(var(--rgb-focus), .25);--form-scrollbar-hover: var(--color-focus);--color-disabled-bg: rgba(var(--rgb-accent), .1);--modal-overlay-bg: rgba(var(--rgb-shadow), .5);--menu-border: 1px solid rgba(var(--rgb-focus), .2);--menu-item-disabled-color: rgba(var(--rgb-light), .4);--tile-border-color: rgba(var(--rgb-light), .1);--tile-border-color-hover: rgba(var(--rgb-focus), .38);--tile-bg: rgba(var(--rgb-light), .04);--tile-bg-hover: rgba(var(--rgb-light), .08);--tile-bg-selected: rgba(var(--rgb-accent), .14);--tile-name-color: var(--lyt-left-color);--tile-ring: inset 0 0 0 2px rgba(var(--rgb-focus), .28);--tile-ring-focused: inset 0 0 0 2px rgba(var(--rgb-focus), .7);--qw-border: rgba(var(--rgb-light), .22);--qw-bg: rgba(var(--rgb-light), .08);--qw-bg-focus: rgba(var(--rgb-light), .14);--qw-nav-bg-hover: rgba(var(--rgb-light), .1);--color-selection-bg: rgba(var(--rgb-accent), .22);--j2h-muted-color: var(--color-accent-dark);--j2h-title-color: var(--color-accent-dark);--j2h-color: #0d2044;--j2h-formula-bg: #e0f2fe}