:root {
--accent:          #035E7A;
--accent-hover:    #024357;
--accent-fg:       #FFFFFF;
--accent-subtle:   #e7f4f8;
--accent-on-subtle:#035E7A;
--focus:           #035E7A;
--surface-page:    #FFFFFF;
--surface-panel:   #F6F8FA;
--surface-sunken:  #EDF0F3;
--surface-raised:  #FFFFFF;
--surface-invert:  #171D23;
--text-on-invert:  #EDF0F3;
--border:          #D4DAE0;
--hairline:        #E2E7EB;
--text-strong:     #252D35;
--text-body:       #4E5A66;
--text-muted:      #5f6b78;
--success:     #137547;
--warning:     #8A5A00;
--danger:      #B3261E;
--info:        #0B5C8A;
--elev-1: 0 1px 2px rgb(37 45 53 / 0.06), 0 1px 3px rgb(37 45 53 / 0.05);
--elev-2: 0 2px 4px rgb(37 45 53 / 0.05), 0 4px 12px rgb(37 45 53 / 0.07);
--elev-3: 0 4px 8px rgb(37 45 53 / 0.05), 0 12px 28px rgb(37 45 53 / 0.09);
--elev-4: 0 8px 16px rgb(37 45 53 / 0.06), 0 24px 56px rgb(37 45 53 / 0.12);
--elev-ring: inset 0 0 0 1px rgb(37 45 53 / 0.04);
--graphite-0: #FFFFFF;
--graphite-25: #FBFCFD;
--graphite-50: #F6F8FA;
--graphite-100: #EDF0F3;
--graphite-150: #E2E7EB;
--graphite-200: #D4DAE0;
--graphite-300: #B8C1CA;
--graphite-400: #98A4B0;
--graphite-500: #7A8895;
--graphite-600: #63717E;
--graphite-700: #4E5A66;
--graphite-800: #3A444E;
--graphite-900: #252D35;
--graphite-950: #171D23;
--graphite-1000: #0E1216;
--step--1: 0.8rem;   --step-0: 1rem;     --step-1: 1.25rem;
--step-2:  1.563rem; --step-3: 1.953rem; --step-4: 2.441rem;
--step-5:  3.052rem; --step-6: 3.815rem;
--space-comp-1: 4px;  --space-comp-2: 8px;  --space-comp-3: 12px;
--space-comp-4: 16px; --space-comp-5: 24px;
--space-layout-1: 24px; --space-layout-2: 40px; --space-layout-3: 64px;
--space-layout-4: 96px; --space-layout-5: 128px;
--radius-container: 14px; --radius-container-sm: 10px;
--radius-action: 8px;     --radius-action-pill: 999px;
--measure: 68ch;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--accent:          #0593be;
--accent-hover:    #06aee1;
--accent-fg:       #171D23;
--accent-subtle:   #16404d;
--accent-on-subtle:#06b6ec;
--focus:           #0593be;
--surface-page:    #171D23;
--surface-panel:   #252D35;
--surface-sunken:  #0E1216;
--surface-raised:  #3A444E;
--surface-invert:  #0E1216;
--text-on-invert:  #EDF0F3;
--border:          #4E5A66;
--hairline:        #3A444E;
--text-strong:     #FFFFFF;
--text-body:       #EDF0F3;
--text-muted:      #B8C1CA;
--success:     #3DBE7A;
--warning:     #E0A030;
--danger:      #F2837C;
--info:        #5EB3E0;
--elev-1: 0 1px 2px rgb(0 0 0 / 0.30);
--elev-2: 0 2px 8px rgb(0 0 0 / 0.36);
--elev-3: 0 6px 20px rgb(0 0 0 / 0.44);
--elev-4: 0 12px 40px rgb(0 0 0 / 0.52);
--elev-ring: inset 0 0 0 1px rgb(255 255 255 / 0.06);
}
}
:root[data-theme="dark"] {
--accent:          #0593be;
--accent-hover:    #06aee1;
--accent-fg:       #171D23;
--accent-subtle:   #16404d;
--accent-on-subtle:#06b6ec;
--focus:           #0593be;
--surface-page:    #171D23;
--surface-panel:   #252D35;
--surface-sunken:  #0E1216;
--surface-raised:  #3A444E;
--surface-invert:  #0E1216;
--text-on-invert:  #EDF0F3;
--border:          #4E5A66;
--hairline:        #3A444E;
--text-strong:     #FFFFFF;
--text-body:       #EDF0F3;
--text-muted:      #B8C1CA;
--success:     #3DBE7A;
--warning:     #E0A030;
--danger:      #F2837C;
--info:        #5EB3E0;
--elev-1: 0 1px 2px rgb(0 0 0 / 0.30);
--elev-2: 0 2px 8px rgb(0 0 0 / 0.36);
--elev-3: 0 6px 20px rgb(0 0 0 / 0.44);
--elev-4: 0 12px 40px rgb(0 0 0 / 0.52);
--elev-ring: inset 0 0 0 1px rgb(255 255 255 / 0.06);
}