:root,[data-theme=light]{--color-primary: #0F766E;--color-primary-hover: #115E59;--color-primary-soft: #E6F2F1;--color-primary-text: #115E59;--color-accent: #B45309;--color-accent-soft: #FFFBEB;--gradient-brand: linear-gradient(135deg, #1F6B66 0%, #2A7D80 55%, #367A8F 100%);--nav-color: #FFFFFF;--nav-text: #1F6B66;--nav-active-bg: #E6F2F1;--bg-app: #F3F6F6;--bg-card: #FFFFFF;--bg-card-border: #DFE5E8;--bg-card-hover: #F7F9F9;--text-primary: #0F172A;--text-secondary: #526070;--text-muted: #64748B;--input-bg: #FFFFFF;--input-border: #DFE5E8;--input-focus-border: #0F766E;--input-focus-ring: rgba(15, 118, 110, .15);--navbar-shadow: 0 1px 0 #DFE5E8, 0 4px 16px rgba(15, 23, 42, .05);--card-shadow: 0 2px 8px rgba(15, 23, 42, .04);--footer-bg: #0F172A;--footer-text: rgba(255, 255, 255, .7);--level-btn-bg: #FFFFFF;--level-btn-border: #DFE5E8;--level-btn-hover-border: #85CCC4;--level-btn-hover-bg: #F0FAF9;--level-btn-selected-border: #0F766E;--level-btn-selected-bg: #E6F2F1;--level-btn-selected-shadow: 0 2px 8px rgba(15, 118, 110, .18);--level-btn-text: #526070;--level-btn-selected-text: #115E59}[data-theme=dark]{--color-primary: #0F766E;--color-primary-hover: #134E4A;--color-primary-soft: rgba(45, 212, 191, .12);--color-primary-text: #5EEAD4;--color-accent: #F59E0B;--color-accent-soft: rgba(245, 158, 11, .14);--gradient-brand: linear-gradient(160deg, #0B1220 0%, #10233A 50%, #134E4A 100%);--nav-color: #0F172A;--nav-text: #99F6E4;--nav-active-bg: rgba(45, 212, 191, .14);--bg-app: #0B1220;--bg-card: #111A2B;--bg-card-border: rgba(148, 163, 184, .18);--bg-card-hover: #152135;--text-primary: #E6EDF3;--text-secondary: #A9B4C2;--text-muted: #8794A3;--input-bg: rgba(255, 255, 255, .03);--input-border: rgba(148, 163, 184, .22);--input-focus-border: rgba(45, 212, 191, .6);--input-focus-ring: rgba(45, 212, 191, .12);--navbar-shadow: 0 1px 0 rgba(148, 163, 184, .14);--card-shadow: none;--footer-bg: rgba(0, 0, 0, .3);--footer-text: rgba(230, 237, 243, .45);--level-btn-bg: rgba(45, 212, 191, .05);--level-btn-border: rgba(45, 212, 191, .25);--level-btn-hover-border: rgba(45, 212, 191, .45);--level-btn-hover-bg: rgba(45, 212, 191, .09);--level-btn-selected-border: rgba(45, 212, 191, .7);--level-btn-selected-bg: rgba(45, 212, 191, .16);--level-btn-selected-shadow: 0 0 24px rgba(45, 212, 191, .18), 0 4px 12px rgba(15, 118, 110, .2);--level-btn-text: #E6EDF3;--level-btn-selected-text: #E6EDF3}