:root {
    /* Core surfaces */
    --wth-bg-0: #0b1020;
    --wth-bg-1: #101525;
    --wth-bg-2: #121827;
    --wth-surface-1: rgba(15, 23, 42, 0.78);
    --wth-surface-2: rgba(17, 24, 39, 0.72);
    /* Text */
    --wth-text: #4a5371;
    --wth-muted: #b7c0e6;
    --wth-muted-2: #9aa3c4;
    /* Accents */
    --wth-blue: #4a90e2;
    --wth-blue-2: #5ba0f2;
    --wth-green: #22c55e;
    --wth-red: #ef4444;
    --wth-amber: #facc15;
    /* Borders / glows */
    --wth-border: rgba(148, 197, 255, 0.22);
    --wth-border-strong: rgba(148, 197, 255, 0.42);
    --wth-glow-blue: 0 10px 22px rgba(37, 99, 235, 0.35);
    /* Shape */
    --wth-radius-xs: 7px;
    --wth-radius-sm: 10px;
    --wth-radius-md: 14px;
    --wth-radius-lg: 18px;
    --wth-pill: 999px;
    /* Shadows */
    --wth-shadow-1: 0 10px 26px rgba(0,0,0,0.45);
    --wth-shadow-2: 0 18px 40px rgba(0,0,0,0.55);
    /* Spacing rhythm */
    --wth-gap-1: .25rem;
    --wth-gap-2: .5rem;
    --wth-gap-3: .75rem;
    --wth-gap-4: 1rem;
}