/* Serramar UI: toda a identidade e as medidas fundamentais vivem aqui. */
:root {
    --brand: var(--identity-brand, #062849);
    --brand-light: var(--identity-brand-light, #113c65);
    --accent: var(--identity-accent, #b59a59);
    --accent-soft: #f4efe0;
    --bg: #f4f6fa;
    --surface: #ffffff;
    --surface-subtle: #f8fafc;
    --ink: #142b43;
    --muted: #66758a;
    --line: #e3e8ef;
    --success: #087f68;
    --success-bg: #e8f6f0;
    --danger: #bf4051;
    --danger-bg: #fff0f2;
    --warning: #986b12;
    --warning-bg: #fff7e4;
    --focus: #4e88cf;
    --chart-1: #285d97;
    --chart-2: #b59a59;
    --chart-3: #359786;
    --chart-4: #8d76b8;
    --font:
        "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system,
        sans-serif;
    --radius-sm: 7px;
    --radius: 10px;
    --radius-lg: 14px;
    --shadow: 0 4px 22px rgb(25 48 76 / 4%);
    --shadow-float: 0 12px 40px rgb(16 37 62 / 15%);
    --sidebar: 236px;
    --topbar: 68px;
    --page-space: 32px;
    --row-space: 13px;
    --control-height: 42px;
}
:root[data-appearance="dark"] {
    --bg: #101b2a;
    --surface: #172538;
    --surface-subtle: #1d2e43;
    --ink: #edf3fa;
    --muted: #a0afc2;
    --line: #2b3d52;
    --accent-soft: #352f23;
    --success: #79d6b7;
    --success-bg: #153d36;
    --danger: #ff9eaa;
    --danger-bg: #422633;
    --warning: #ebc979;
    --warning-bg: #3c3421;
    --brand: #8cb8eb;
    --brand-light: #c4dcf8;
    --chart-1: #78ace7;
    --chart-2: #d0b676;
    --chart-3: #5dc7b4;
    --chart-4: #b19bdd;
    --shadow: 0 4px 22px rgb(0 0 0 / 10%);
}
:root[data-density="compact"] {
    --row-space: 9px;
    --control-height: 36px;
    --page-space: 24px;
}
@media (max-width: 760px) {
    :root {
        --page-space: 18px;
    }
}

:root { --identity-brand: #062849; --identity-brand-light: #113c65; --identity-accent: #b59a59; }