/* Appearance is independent of workspace branding. Semantic colors never derive from brand colors. */
:root {
    color-scheme: light;
    --brand-primary: #243e51; --brand-accent: #146c70;
    --page-bg: #f5f7fa; --surface: #ffffff; --surface-raised: #ffffff; --surface-subtle: #f0f3f7;
    --text: #172a3a; --text-muted: #526476; --border: #d9e1e9; --border-strong: #8294a7;
    --nav-bg: #ffffff; --nav-text: #43576a; --hover-bg: #edf2f6;
    --link: #145f91; --action-bg: #185e76; --action-text: #ffffff; --action-hover: #12485c;
    --control-bg: #ffffff; --control-text: #172a3a; --focus: #1677ac;
    --disabled-bg: #e8edf1; --disabled-text: #657585;
    --info-bg: #eaf3fa; --info-text: #214d6c; --info-border: #c7deed;
    --warning-bg: #fff4d7; --warning-text: #704b00; --warning-border: #e1c675;
    --error-bg: #fff0f0; --error-text: #a52532; --error-border: #e4b8be;
    --success-bg: #e8f5ee; --success-text: #206341; --success-border: #afd2bf;
    --chart-series-1: #176a80; --chart-series-2: #7359a6; --chart-series-3: #ac591e; --chart-series-4: #3b7747;
    --chart-grid: #d9e1e9; --chart-axis: #526476;
    --tooltip-bg: #172a3a; --tooltip-text: #ffffff; --overlay: #101e3299;
    --shadow: 0 8px 30px #162a4010; --radius: 12px; --radius-small: 7px;
    --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-8: 3rem;
    --sidebar-width: 260px; --sidebar-reduced-width: 80px; --header-height: 68px; --content-max: 1600px;
    --brand-highlight: color-mix(in srgb, var(--brand-accent) 11%, var(--surface));
    --brand-ink: color-mix(in srgb, var(--brand-accent) 35%, var(--text));
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --page-bg: #101820; --surface: #17232e; --surface-raised: #1d2c39; --surface-subtle: #21313f;
    --text: #e4edf4; --text-muted: #a7b8c8; --border: #344655; --border-strong: #748b9f;
    --nav-bg: #14202b; --nav-text: #b6c5d1; --hover-bg: #243645;
    --link: #85c9f1; --action-bg: #85c9e2; --action-text: #102632; --action-hover: #a4dbed;
    --control-bg: #111e29; --control-text: #e4edf4; --focus: #84d0ff;
    --disabled-bg: #263542; --disabled-text: #9babb8;
    --info-bg: #1b3447; --info-text: #b5d9f1; --info-border: #35566d;
    --warning-bg: #3c321d; --warning-text: #f5d68c; --warning-border: #776337;
    --error-bg: #3b252c; --error-text: #ffbac1; --error-border: #81505a;
    --success-bg: #1a352c; --success-text: #a2dfbc; --success-border: #3e7058;
    --chart-series-1: #7bcddd; --chart-series-2: #bcacf2; --chart-series-3: #f3b377; --chart-series-4: #9ed2a5;
    --chart-grid: #344655; --chart-axis: #a7b8c8;
    --tooltip-bg: #e4edf4; --tooltip-text: #172a3a; --overlay: #050a12b3;
    --shadow: 0 8px 30px #00000020;
}
/* Print is an independent light surface. Future report renderers can consume these print tokens directly. */
:root { --print-bg: #ffffff; --print-text: #172a3a; --print-muted: #526476; --print-border: #b7c5d0; }