:root {
    color-scheme: light;
    --bg: #f2f4f8;
    --surface: #ffffff;
    --surface-2: #f8f9fc;
    --edge: #e0e3eb;
    --hairline: #e7eaf1;
    --ink: #292e3d;
    --ink-2: #525c7a;
    --mute: #858fad;
    --accent: #3a64f8;
    --accent-dim: #ebeffe;
    --cta: #03973d;
    --cta-hover: #27bc62;
    --green: #03973d;
    --amber: #b06d00;
    --red: #ea3441;
    --green-dim: #e6f6ec;
    --amber-dim: #fdf3dd;
    --red-dim: #fdecec;
    --r: 14px;
    --sb-bg: #ffffff;
    --hover-soft: #f2f3f8;
    --chip-on-border: #ced8fd;
    --ghost-hover-border: #c2c7d6;
    --shadow-card: 0 2px 8px rgba(41,46,61,0.05);
    --shadow-pill: 0 1px 2px rgba(41,46,61,0.09);
    --chart-fill: rgba(58,100,248,0.08);
    --chart-bar: rgba(58,100,248,0.45);
    --row-hover: #f5f7ff;
    --amber-mark: #e8a33d;
}

[data-theme="dark"] {
    color-scheme: dark;
    --bg: #14161d;
    --surface: #1c1f27;
    --surface-2: #222633;
    --edge: #2c3140;
    --hairline: #262b38;
    --ink: #eef0f6;
    --ink-2: #aab3c7;
    --mute: #6f7891;
    --accent: #6b8bfa;
    --accent-dim: rgba(107,139,250,0.14);
    --cta: #27bc62;
    --cta-hover: #3ecf77;
    --green: #34c06d;
    --amber: #e2a94e;
    --red: #f0655f;
    --green-dim: rgba(52,192,109,0.14);
    --amber-dim: rgba(226,169,78,0.14);
    --red-dim: rgba(240,101,95,0.14);
    --r: 14px;
    --sb-bg: var(--surface);
    --hover-soft: rgba(255,255,255,0.06);
    --chip-on-border: rgba(107,139,250,0.45);
    --ghost-hover-border: #434b5e;
    --shadow-card: 0 2px 8px rgba(0,0,0,0.35);
    --shadow-pill: 0 1px 2px rgba(0,0,0,0.35);
    --chart-fill: rgba(107,139,250,0.13);
    --chart-bar: rgba(107,139,250,0.55);
    --row-hover: rgba(255,255,255,0.035);
    --amber-mark: var(--amber);
}