/*
 * Dark semantic palette.
 *
 * Structural values and legacy aliases live in core/variables.css. Those
 * aliases reference these roles, so one override keeps old and new modules in
 * sync without duplicating an entire token system.
 */
html[data-theme="dark"],
body[data-dashboard-theme="dark"] {
    color-scheme: dark;

    --color-canvas: #080d18;
    --color-canvas-subtle: #0d1422;
    --color-surface: #111827;
    --color-surface-raised: #172033;
    --color-surface-muted: #1b2638;
    --color-surface-hover: #202c40;
    --color-surface-overlay: rgba(17, 24, 39, 0.96);
    --color-text-strong: #f8fafc;
    --color-text: #e2e8f0;
    --color-text-muted: #a8b3c5;
    --color-text-subtle: #7f8da3;
    --color-border: rgba(148, 163, 184, 0.16);
    --color-border-strong: rgba(148, 163, 184, 0.26);
    --color-brand: #818cf8;
    --color-brand-hover: #a5b4fc;
    --color-brand-soft: rgba(99, 102, 241, 0.16);
    --color-brand-contrast: #0b1020;
    --color-focus: #a5b4fc;
    --color-focus-ring: rgba(129, 140, 248, 0.28);
    --color-success: #34d399;
    --color-success-soft: rgba(16, 185, 129, 0.14);
    --color-success-contrast: #052e20;
    --color-warning: #fbbf24;
    --color-warning-soft: rgba(245, 158, 11, 0.14);
    --color-warning-contrast: #422006;
    --color-danger: #f87171;
    --color-danger-soft: rgba(239, 68, 68, 0.14);
    --color-danger-contrast: #450a0a;
    --color-info: #60a5fa;
    --color-info-soft: rgba(59, 130, 246, 0.14);
    --color-info-contrast: #0c1e3a;
    --color-backdrop: rgba(2, 6, 23, 0.74);

    --elevation-1: 0 1px 2px rgba(0, 0, 0, 0.3);
    --elevation-2: 0 10px 28px rgba(0, 0, 0, 0.28);
    --elevation-3: 0 24px 56px rgba(0, 0, 0, 0.42);
}