:root {
    color-scheme: dark;

    /* MUST: Basis */
    --color-primary:        #5a8fc4;
    --color-primary-dark:   #1a2842;
    --color-accent:         #7fb8f0;
    --color-accent-rgb:     127, 184, 240;
    --color-link:           #7fb8f0;
    --color-secondary:      #ff2e88;
    --color-text:           #e8e4d8;
    --color-text-muted:     #8a90a4;
    --color-surface:        #1a2842;
    --color-surface-alt:    #2a3a5c;
    --color-border:         rgba(232, 228, 216, 0.08);

    --color-bg:             #0c1426;
    --color-bg-alt:         #060a14;
    --color-bg-end:         #060a14;

    --color-success:        #5a8fc4;
    --color-warning:        #c89858;
    --color-danger:         #ff2e88;
    --color-info:           #7fb8f0;

    --layout-sidebar-width: 280px;
    --layout-header-height: 76px;

    --color-admin-body-bg:    linear-gradient(135deg, #060a14 0%, #1a2842 100%);
    --color-admin-sidebar-bg: linear-gradient(180deg, rgba(26, 40, 66, 0.60) 0%, rgba(122, 77, 200, 0.18) 100%);

    --color-surface-card:   rgba(26, 40, 66, 0.60);
    --card-backdrop-filter: none;
    --color-overlay-subtle: rgba(0,0,0,0.25);
    --color-overlay-medium: rgba(0,0,0,0.40);
    --color-border-subtle:  rgba(232, 228, 216, 0.05);

    /* MAY — Watersoul-Tokens */
    --ws-c-deep:        #0c1426;
    --ws-c-deeper:      #060a14;
    --ws-c-steel:       #1a2842;
    --ws-c-steel-dim:   rgba(26, 40, 66, 0.6);
    --ws-c-rivet:       #2a3a5c;
    --ws-c-water:       #5a8fc4;
    --ws-c-water-hot:   #7fb8f0;
    --ws-c-bone:        #e8e4d8;
    --ws-c-bone-dim:    #b8b4a8;
    --ws-c-brass:       #c89858;
    --ws-c-brass-hot:   #f0c878;
    --ws-c-stage:       #ff2e88;
    --ws-c-stage-hot:   #ff6bb0;
    --ws-c-violet:      #7a4dc8;
    --ws-c-violet-border: rgba(122, 77, 200, 0.4);
    --ws-c-border-hot:  rgba(122, 184, 232, 0.35);

    --ws-glow-water:    rgba(90,143,196,0.18);
    --ws-glow-stage:    rgba(255,46,136,0.10);

    --ws-f-display: 'Cinzel', 'Trajan Pro', serif;
    --ws-f-body:    'Inter', system-ui, sans-serif;
    --ws-f-mono:    'JetBrains Mono', ui-monospace, monospace;
    --ws-f-script:  'Cormorant Garamond', serif;

    --ws-topbar-h: 76px;
    --ws-side-w:   280px;
    --ws-side-w-r: 320px;
    --ws-gutter:   28px;
}