/*
 * SCALE color system v1.0
 * ACQ-aligned brand anchors with SCALE-owned runtime semantics.
 * Browser-served mirror of brand/scale-palette.css.
 */

:root {
    --scale-brand: #6f00ff;
    --scale-brand-hover: #8f00ff;
    --scale-brand-active: #9728ff;
    --scale-brand-secondary: #a08bec;
    --scale-brand-readable: var(--scale-brand-secondary);
    --scale-brand-ink: #131628;
    --scale-brand-paper: #fafafa;
    --scale-brand-wash: #f9f5ff;
    --scale-brand-white: #ffffff;
    --scale-brand-border: #e6e6e6;
    --scale-promo-red: #f1283a;

    --scale-deep-space: #090b16;
    --scale-command-deck: #1b1f36;
    --scale-gridline: #343852;
    --scale-console-white: #f6f6f6;
    --scale-telemetry-gray: #b3b3b3;
    --scale-success: #4dff9a;
    --scale-info: #5ce7ef;
    --scale-warning: #ffc857;
    --scale-danger: #ff6b6b;

    --scale-brand-glow: rgb(111 0 255 / 18%);
    --scale-success-glow: rgb(77 255 154 / 16%);
}

[data-scale-theme="dark"] {
    color-scheme: dark;
    --scale-canvas: var(--scale-deep-space);
    --scale-surface: var(--scale-brand-ink);
    --scale-surface-raised: var(--scale-command-deck);
    --scale-border: var(--scale-gridline);
    --scale-text: var(--scale-console-white);
    --scale-text-muted: var(--scale-telemetry-gray);
    --scale-text-on-brand: var(--scale-brand-white);
    --scale-focus: var(--scale-brand-secondary);
}

[data-scale-theme="light"] {
    color-scheme: light;
    --scale-canvas: var(--scale-brand-paper);
    --scale-surface: var(--scale-brand-white);
    --scale-surface-raised: var(--scale-brand-wash);
    --scale-border: var(--scale-brand-border);
    --scale-text: var(--scale-brand-ink);
    --scale-text-muted: #607179;
    --scale-text-on-brand: var(--scale-brand-white);
    --scale-focus: var(--scale-brand);
}