:root,
[data-theme="graphite"] {
    color-scheme: dark;
    --sp-bg: #090c12;
    --sp-bg-elevated: #0f141d;
    --sp-panel: rgba(19, 25, 36, .86);
    --sp-panel-solid: #141a25;
    --sp-panel-soft: rgba(255, 255, 255, .035);
    --sp-text-strong: #f7f9fc;
    --sp-text: #d8dee9;
    --sp-muted: #8f9aae;
    --sp-border: rgba(255, 255, 255, .09);
    --sp-border-strong: rgba(255, 255, 255, .16);
    --sp-accent: #8ba4ff;
    --sp-accent-strong: #adc0ff;
    --sp-accent-2: #79e1c5;
    --sp-glow: rgba(105, 130, 255, .22);
    --sp-shadow: 0 1.25rem 4rem rgba(0, 0, 0, .34);
}

[data-theme="ocean"] {
    color-scheme: light;
    --sp-bg: #edf8fc;
    --sp-bg-elevated: #f8fcfe;
    --sp-panel: rgba(255, 255, 255, .9);
    --sp-panel-solid: #ffffff;
    --sp-panel-soft: rgba(8, 124, 157, .055);
    --sp-text-strong: #0d2a35;
    --sp-text: #294954;
    --sp-muted: #637c85;
    --sp-border: rgba(18, 92, 113, .14);
    --sp-border-strong: rgba(18, 92, 113, .24);
    --sp-accent: #087c9d;
    --sp-accent-strong: #056782;
    --sp-accent-2: #167a61;
    --sp-glow: rgba(8, 124, 157, .13);
    --sp-shadow: 0 1rem 3rem rgba(28, 82, 99, .11);
}

[data-theme="aurora"] {
    color-scheme: light;
    --sp-bg: #edf8f5;
    --sp-bg-elevated: #f7fcfb;
    --sp-panel: rgba(255, 255, 255, .9);
    --sp-panel-solid: #ffffff;
    --sp-panel-soft: rgba(16, 120, 108, .055);
    --sp-text-strong: #102d2b;
    --sp-text: #294b48;
    --sp-muted: #617b78;
    --sp-border: rgba(20, 87, 81, .14);
    --sp-border-strong: rgba(20, 87, 81, .24);
    --sp-accent: #0f8f81;
    --sp-accent-strong: #087469;
    --sp-accent-2: #6757c8;
    --sp-glow: rgba(15, 143, 129, .14);
    --sp-shadow: 0 1rem 3rem rgba(24, 74, 69, .12);
}

[data-theme="ember"] {
    color-scheme: light;
    --sp-bg: #fff3ec;
    --sp-bg-elevated: #fffaf7;
    --sp-panel: rgba(255, 255, 255, .9);
    --sp-panel-solid: #ffffff;
    --sp-panel-soft: rgba(198, 77, 30, .055);
    --sp-text-strong: #3b2117;
    --sp-text: #5b3a2d;
    --sp-muted: #82695d;
    --sp-border: rgba(133, 62, 33, .14);
    --sp-border-strong: rgba(133, 62, 33, .24);
    --sp-accent: #c64d1e;
    --sp-accent-strong: #9f3511;
    --sp-accent-2: #9b6508;
    --sp-glow: rgba(198, 77, 30, .13);
    --sp-shadow: 0 1rem 3rem rgba(105, 48, 25, .11);
}

[data-theme="midnight"] {
    color-scheme: dark;
    --sp-bg: #06091a;
    --sp-bg-elevated: #0b1029;
    --sp-panel: rgba(16, 23, 58, .85);
    --sp-panel-solid: #11193d;
    --sp-panel-soft: rgba(128, 133, 255, .06);
    --sp-text-strong: #f6f6ff;
    --sp-text: #ddddf8;
    --sp-muted: #9698bd;
    --sp-border: rgba(173, 174, 255, .13);
    --sp-border-strong: rgba(173, 174, 255, .24);
    --sp-accent: #8e8cff;
    --sp-accent-strong: #bbbaff;
    --sp-accent-2: #4cc9f0;
    --sp-glow: rgba(93, 87, 255, .23);
    --sp-shadow: 0 1.25rem 4rem rgba(0, 0, 18, .46);
}

[data-theme="forest"] {
    color-scheme: light;
    --sp-bg: #eef8f1;
    --sp-bg-elevated: #f8fcf9;
    --sp-panel: rgba(255, 255, 255, .9);
    --sp-panel-solid: #ffffff;
    --sp-panel-soft: rgba(36, 120, 70, .055);
    --sp-text-strong: #15351f;
    --sp-text: #31543c;
    --sp-muted: #68806e;
    --sp-border: rgba(37, 96, 58, .14);
    --sp-border-strong: rgba(37, 96, 58, .24);
    --sp-accent: #247846;
    --sp-accent-strong: #185f35;
    --sp-accent-2: #85670d;
    --sp-glow: rgba(36, 120, 70, .12);
    --sp-shadow: 0 1rem 3rem rgba(32, 83, 49, .11);
}

[data-theme="sand"] {
    color-scheme: light;
    --sp-bg: #f5f0e7;
    --sp-bg-elevated: #fdfaf4;
    --sp-panel: rgba(255, 252, 246, .88);
    --sp-panel-solid: #fffdf8;
    --sp-panel-soft: rgba(68, 51, 34, .035);
    --sp-text-strong: #28231d;
    --sp-text: #493f34;
    --sp-muted: #786b5d;
    --sp-border: rgba(67, 51, 34, .13);
    --sp-border-strong: rgba(67, 51, 34, .23);
    --sp-accent: #9b5f2b;
    --sp-accent-strong: #75431c;
    --sp-accent-2: #46766a;
    --sp-glow: rgba(155, 95, 43, .14);
    --sp-shadow: 0 1.25rem 4rem rgba(72, 53, 34, .13);
}

:root {
    --sp-success: #4bd69b;
    --sp-warning: #f6c85f;
    --sp-danger: #ff7185;
    --sp-info: #63c8f2;
}

[data-theme="aurora"],
[data-theme="ocean"],
[data-theme="ember"],
[data-theme="forest"],
[data-theme="sand"] {
    --sp-success: #167f55;
    --sp-warning: #9a6813;
    --sp-danger: #b63248;
    --sp-info: #17698c;
}