/* ODOService · Automotive Premium SaaS. Shared by the app and SaaS admin. */
:root {
    color-scheme: light;
    --odo-steel: #2B648C;
    --odo-petrol: #173D5C;
    --odo-ice: #EAF3F9;
    --odo-blood: #9E1B32;
    --odo-canvas: #F4F7FA;
    --odo-surface: #fff;
    --odo-ink: #243748;
    --odo-muted: #526779;
    --odo-border: #D8E3EB;
    --odo-radius: 12px;
    --odo-shadow: 0 3px 14px rgb(23 61 92 / 5%);
    --odo-container: 1160px;
    --odo-gutter: clamp(16px, 3vw, 32px);
    --odo-space: clamp(16px, 2vw, 24px);
    --odo-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --brand-green: var(--odo-steel);
    --brand-blue: var(--odo-petrol);
    --brand-dark: var(--odo-petrol);
    --brand-mint: var(--odo-ice);
    --brand-amber: var(--odo-steel);
    --brand-red: var(--odo-blood);
    --brand-cream: var(--odo-canvas);
    --brand-sand: var(--odo-canvas);
    --brand-text: var(--odo-ink);
    --brand-title-color: #fff;
    --brand-chip-bg: var(--odo-ice);
    --brand-chip-text: var(--odo-petrol);
}