:root {
    /* IntelliSee brand foundation from the 2025 brand guide */
    --macc-font-sans: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --macc-font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    --macc-brand-midnight: #001219;
    --macc-brand-dark-teal: #002531;
    --macc-brand-teal: #004153;
    --macc-brand-sage: #7DAFB5;
    --macc-brand-sage-rgb: 125, 175, 181;
    --macc-brand-slate: #456872;
    --macc-brand-ice: #DDF6FF;
    --macc-brand-off-white: #F8FAFB;
    --macc-brand-gold: #FFDC5F;
    --macc-brand-gold-hover: #FFE680;
    --macc-brand-alert: #EE3F35;
    /* Legal/login ink tones. Same values as the brand teal/gold, but kept as
       distinct names on purpose: --macc-brand-teal is the BUTTON FILL semantic,
       and UiPolishRegressionTests guards against it being used as foreground
       text (contrast). Do not collapse these onto --macc-brand-*. */
    --macc-login-teal: #004153;
    --macc-login-gold: #FFDC5F;
    --macc-brand-cyan: #0088be;
    /* Core surfaces */
    --macc-ui-scale: 1;
    --macc-font-size-body: 1rem;
    --macc-font-size-ui: 0.95rem;
    --macc-font-size-table: 0.875rem;
    --macc-font-size-small: 0.875rem;
    --macc-font-size-label: 0.82rem;
    --macc-font-size-caption: 0.78rem;
    --macc-font-size-micro: 0.75rem;
    --macc-line-height-body: 1.5;
    --macc-line-height-ui: 1.35;
    --macc-line-height-tight: 1.2;
    /* Global geometry */
    --macc-radius-sm: 4px;
    --macc-radius-md: 6px;
    --macc-radius-lg: 8px;
    --macc-radius-xl: 12px;
    --macc-radius-pill: 999px;
    --macc-radius-control: var(--macc-radius-md);
    --macc-radius-panel: var(--macc-radius-lg);
    --macc-radius-table: var(--macc-radius-lg);
    --macc-radius-modal: var(--macc-radius-xl);
    --macc-control-height: 2.25rem;
    --macc-control-height-sm: 2rem;
    --macc-control-height-lg: 2.625rem;
    --bs-font-size-base: var(--macc-font-size-body);
    --bs-body-font-size: var(--macc-font-size-body);
    --bs-body-line-height: var(--macc-line-height-body);
    --macc-sidebar-width: 264px;
    --macc-sidebar-collapsed-width: 72px;
    --macc-collapsed-nav-item-size: 2.5rem;
    --macc-collapsed-nav-icon-size: 1.25rem;
    --macc-color-canvas: var(--macc-brand-midnight);
    --macc-color-surface: var(--macc-brand-dark-teal);
    --macc-color-surface-raised: #07313d;
    --macc-color-surface-hover: var(--macc-brand-teal);
    --macc-color-primary: var(--macc-brand-teal);
    --macc-color-primary-hover: #0b596d;
    --macc-color-attention: var(--macc-brand-gold);
    --macc-color-danger: var(--macc-brand-alert);
    --macc-color-success: #22c55e;
    --macc-color-warning: #ea580c;
    --macc-bg: var(--macc-color-canvas);
    --macc-surface: var(--macc-color-surface);
    --macc-surface-2: var(--macc-color-surface-raised);
    --macc-surface-3: var(--macc-color-surface-hover);
    --macc-surface-muted: var(--macc-surface-2);
    /* Borders and text */
    --macc-border: rgba(125, 175, 181, 0.24);
    --macc-border-strong: rgba(125, 175, 181, 0.36);
    --macc-border-soft: rgba(221, 246, 255, 0.14);
    --macc-border-subtle: rgba(221, 246, 255, 0.08);
    --macc-border-faint: rgba(255, 255, 255, 0.06);
    --macc-border-ghost: rgba(255, 255, 255, 0.1);
    --macc-border-ghost-strong: rgba(255, 255, 255, 0.12);
    --macc-border-ghost-stronger: rgba(255, 255, 255, 0.18);
    --macc-text: #ffffff;
    --macc-text-rgb: 255, 255, 255;
    /* --- Canonical text tones (prefer these going forward) -----------
       The legacy text-* aliases below remain so the 18 page-scoped CSS
       files still resolve. New views should use the three canonical
       tones to stop the opacity drift (.92 → .9 → .88 → .86 → …). */
    --macc-text-primary:    rgba(255, 255, 255, 0.96);
    --macc-text-secondary:  rgba(255, 255, 255, 0.78);
    /* 0.60, not 0.55: at 0.55 this lands on --macc-surface-3 (#004153) at exactly
       4.50:1 — passing WCAG AA with zero margin, so any later nudge to the alpha
       or the surface drops it below AA silently. 0.60 gives 5.06:1. */
    --macc-text-tertiary:   rgba(255, 255, 255, 0.60);
    /* --- Legacy text aliases (do not add new ones) ------------------- */
    --macc-text-muted: rgba(221, 246, 255, 0.76);
    --macc-text-faint: rgba(255, 255, 255, 0.72);
    --macc-text-soft: rgba(255, 255, 255, 0.92);
    --macc-text-softest: rgba(255, 255, 255, 0.88);
    --macc-text-dim: rgba(255, 255, 255, 0.86);
    --macc-text-dimmest: rgba(255, 255, 255, 0.82);
    --macc-text-subtle: rgba(255, 255, 255, 0.8);
    --macc-text-disabled: rgba(255, 255, 255, 0.6);
    --macc-text-placeholder: rgba(255, 255, 255, 0.62);
    --macc-text-emphasis: rgba(255, 255, 255, 0.98);
    --macc-text-strong: var(--macc-text-emphasis);
    /* Brand and status */
    --macc-accent: var(--macc-color-primary);
    --macc-accent-rgb: 0, 65, 83;
    --macc-accent-hover: var(--macc-color-primary-hover);
    --macc-accent-foreground: var(--macc-brand-sage);
    --macc-accent-foreground-hover: var(--macc-brand-ice);
    --macc-attention: var(--macc-color-attention);
    --macc-success: var(--macc-color-success);
    --macc-danger: var(--macc-color-danger);
    --macc-warning: var(--macc-color-warning);
    --macc-neutral: var(--macc-brand-slate);
    --macc-status-active: var(--macc-success);
    --macc-status-inactive: var(--macc-neutral);
    --macc-danger-rgb: 239, 68, 68;
    --macc-accent-soft: rgba(var(--macc-accent-rgb), 0.18);
    --macc-neutral-soft: rgba(255, 255, 255, 0.08);
    --macc-neutral-strong: rgba(255, 255, 255, 0.88);
    --macc-success-soft: rgba(34, 197, 94, 0.2);
    --macc-warning-soft: rgba(234, 88, 12, 0.2);
    --macc-success-fill-strong: #198754;
    --macc-danger-fill-strong: #c92a2a;
    /* Interaction and elevation */
    --macc-hover: rgba(255, 255, 255, 0.06);
    --macc-hover-soft: rgba(255, 255, 255, 0.05);
    --macc-hover-strong: rgba(255, 255, 255, 0.03);
    --macc-overlay: rgba(0, 0, 0, 0.6);
    --macc-overlay-soft: rgba(0, 0, 0, 0.35);
    --macc-overlay-strong: rgba(0, 0, 0, 0.55);
    --macc-shadow-none: none;
    --macc-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.18);
    --macc-shadow-sm: 0 6px 14px rgba(0, 0, 0, 0.22);
    --macc-shadow-md: 0 10px 24px rgba(0, 0, 0, 0.32);
    --macc-shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.45);
    --macc-shadow-xl: 0 18px 55px rgba(0, 0, 0, 0.55);
    --macc-shadow-soft: var(--macc-shadow-sm);
    --macc-shadow-inset: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    --macc-elevation-flat: var(--macc-shadow-none);
    --macc-elevation-panel: var(--macc-shadow-none);
    --macc-elevation-popover: var(--macc-shadow-lg);
    --macc-elevation-modal: var(--macc-shadow-xl);
    /* Canonical card elevation: soft drop + 1px inner top highlight so
       cards "lift" off the dark canvas without leaning on hard borders. */
    --macc-elevation-card:
        0 1px 0 0 rgba(255, 255, 255, 0.04) inset,
        0 1px 2px rgba(0, 0, 0, 0.18),
        0 8px 20px rgba(0, 0, 0, 0.28);
    --macc-elevation-card-hover:
        0 1px 0 0 rgba(255, 255, 255, 0.06) inset,
        0 2px 4px rgba(0, 0, 0, 0.22),
        0 14px 32px rgba(0, 0, 0, 0.38);
    /* Scrollbars */
    --macc-scrollbar-thumb: rgba(255, 255, 255, 0.15);
    --macc-scrollbar-thumb-hover: rgba(255, 255, 255, 0.25);
    --macc-scrollbar-track: rgba(255, 255, 255, 0.05);
    /* Sidebar */
    --macc-sidebar-bg: var(--macc-brand-midnight);
    --macc-sidebar-border: var(--macc-border);
    --macc-sidebar-text: var(--macc-text);
    --macc-sidebar-text-muted: var(--macc-text-dim);
    --macc-sidebar-text-hover: var(--macc-text);
    --macc-sidebar-text-active: var(--macc-text-emphasis);
    --macc-sidebar-icon: var(--macc-text-subtle);
    --macc-sidebar-icon-active: var(--macc-text-emphasis);
    --macc-sidebar-heading: var(--macc-text-muted);
    --macc-sidebar-font-size: 0.93rem;
    --macc-sidebar-icon-size: 1.00rem;
    --macc-sidebar-nav-hover: var(--macc-hover-soft);
    --macc-sidebar-nav-active: var(--macc-border-subtle);
    --macc-sidebar-active-indicator: var(--macc-brand-gold);
    --macc-sidebar-scrollbar-thumb: var(--macc-scrollbar-thumb);
    --macc-sidebar-scrollbar-track: var(--macc-scrollbar-track);
    --macc-sidebar-tooltip-bg: rgba(15, 18, 22, 0.95);
    --macc-sidebar-tooltip-border: rgba(255, 255, 255, 0.1);
    --macc-sidebar-tooltip-text: rgba(255, 255, 255, 0.95);
    --macc-sidebar-tooltip-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    --macc-tooltip-bg: var(--macc-sidebar-tooltip-bg);
    --macc-tooltip-text: var(--macc-sidebar-tooltip-text);
    --macc-tooltip-shadow: var(--macc-sidebar-tooltip-shadow);
    --macc-topbar-height: 4rem;
    --macc-topbar-bg: var(--macc-brand-dark-teal);
    --macc-topbar-border: rgba(255, 255, 255, 0.08);
    /* Feedback */
    --macc-error-bg: rgba(239, 68, 68, 0.12);
    --macc-error-border: rgba(239, 68, 68, 0.28);
    --macc-error-border-strong: rgba(239, 68, 68, 0.35);
    --macc-error-border-stronger: rgba(239, 68, 68, 0.4);
    --macc-error-border-focus: rgba(239, 68, 68, 0.55);
    --macc-error-text: #fecaca;
    --macc-error-text-strong: #fee2e2;
    --macc-error-text-max: #ffffff;
    --macc-error-ring: rgba(239, 68, 68, 0.12);
    --macc-toast-bg: rgba(28, 28, 28, 0.96);
    --macc-toast-border: rgba(255, 255, 255, 0.1);
    --macc-toast-text: rgba(255, 255, 255, 0.92);
    --macc-toast-action-min-width: 150px;
    /* Focus and selection */
    --macc-focus-accent: var(--macc-brand-gold);
    --macc-focus-border: rgba(255, 220, 95, 0.62);
    --macc-focus-border-soft: rgba(255, 220, 95, 0.42);
    --macc-focus-ring: rgba(255, 220, 95, 0.16);
    --macc-focus-fill: rgba(255, 220, 95, 0.14);
    --macc-focus-fill-soft: rgba(255, 220, 95, 0.1);
    --macc-focus-text: rgba(255, 220, 95, 0.96);
    /* Grid and table */
    --macc-grid-shadow: var(--macc-shadow-soft);
    --macc-grid-header-start: rgba(255, 255, 255, 0.05);
    --macc-grid-header-end: rgba(255, 255, 255, 0.01);
    --macc-grid-header-text: rgba(255, 255, 255, 0.74);
    --macc-grid-row-bg: rgba(255, 255, 255, 0.01);
    --macc-grid-row-alt: rgba(255, 255, 255, 0.015);
    --macc-grid-row-hover: rgba(255, 255, 255, 0.045);
    --macc-grid-row-disabled: rgba(148, 163, 184, 0.08);
    --macc-grid-row-border: rgba(255, 255, 255, 0.06);
    --macc-grid-row-selected: rgba(var(--macc-accent-rgb), 0.18);
    --macc-grid-row-new: rgba(var(--macc-accent-rgb), 0.1);
    --macc-grid-row-new-hover: rgba(var(--macc-accent-rgb), 0.16);
    --macc-grid-row-new-border: rgba(var(--macc-accent-rgb), 0.42);
    --macc-grid-cell-focus: var(--macc-focus-border);
    --macc-table-head-text: rgba(255, 255, 255, 0.85);
    --macc-table-head-border: rgba(255, 255, 255, 0.08);
    --macc-table-body-text: rgba(255, 255, 255, 0.8);
    --macc-table-row-hover-text: rgba(255, 255, 255, 0.92);
    --macc-table-radius: var(--macc-radius-table);
    --macc-link-strong: #ffffff;
    /* Popups, lists, chips */
    --macc-popup-bg: var(--macc-surface);
    --macc-popup-border: var(--macc-border-ghost-strong);
    --macc-popup-text: var(--macc-text-soft);
    --macc-popup-shadow: var(--macc-shadow-lg);
    --macc-popup-item-text: var(--macc-text-dimmest);
    --macc-popup-item-hover-bg: var(--macc-surface-3);
    --macc-popup-item-hover-text: var(--macc-text);
    --macc-badge-soft-bg: var(--macc-hover);
    --macc-badge-soft-border: var(--macc-border-ghost);
    --macc-badge-soft-text: var(--macc-text-dim);
    /* Modals */
    --macc-modal-bg: var(--macc-surface);
    --macc-modal-border: var(--macc-border-ghost);
    --macc-modal-shadow: var(--macc-shadow-xl);
    /* Form controls */
    --macc-input-bg: var(--macc-surface);
    --macc-input-border: var(--macc-border-soft);
    --macc-input-border-strong: var(--macc-border-strong);
    --macc-input-text: var(--macc-text-soft);
    --macc-input-disabled-bg: var(--macc-surface-2);
    --macc-input-disabled-border: var(--macc-border-subtle);
    --macc-input-disabled-text: var(--macc-text-disabled);
    --macc-input-placeholder: var(--macc-text-placeholder);
    --macc-input-active-bg: rgba(255, 255, 255, 0.03);
    --macc-input-active-border: var(--macc-border-ghost-strong);
    --macc-input-focus-border: var(--macc-focus-border);
    --macc-input-focus-ring: var(--macc-focus-ring);
    --macc-slider-track: rgba(255, 255, 255, 0.14);
    --macc-slider-thumb: #d9dde2;
    --macc-slider-thumb-border: var(--macc-border);
    --macc-slider-thumb-ring: rgba(255, 255, 255, 0.12);
    /* Switches */
    --macc-switch-bg: rgba(255, 255, 255, 0.12);
    --macc-switch-border: rgba(255, 255, 255, 0.18);
    --macc-switch-knob: rgba(255, 255, 255, 0.85);
    --macc-switch-on-bg: rgba(34, 197, 94, 0.35);
    --macc-switch-on-border: rgba(34, 197, 94, 0.55);
    --macc-switch-on-shadow: rgba(34, 197, 94, 0.18);
    --macc-switch-on-shadow-strong: rgba(34, 197, 94, 0.25);
    /* Status lights */
    --macc-led-success-bg: #22c55e;
    --macc-led-success-glow: rgba(34, 197, 94, 0.7);
    --macc-led-success-glow-soft: rgba(34, 197, 94, 0.55);
    --macc-led-success-glow-strong: rgba(34, 197, 94, 0.9);
    --macc-led-danger-bg: #ef4444;
    --macc-led-danger-glow: rgba(239, 68, 68, 0.7);
    --macc-led-danger-glow-soft: rgba(239, 68, 68, 0.55);
    --macc-led-danger-glow-strong: rgba(239, 68, 68, 0.9);
    --macc-led-warning-bg: #f59e0b;
    --macc-led-warning-glow-soft: rgba(245, 158, 11, 0.35);
    --macc-led-disabled-bg: #94a3b8;
    --macc-led-disabled-glow-soft: rgba(148, 163, 184, 0.24);
    --macc-led-neutral-bg: rgba(148, 163, 184, 0.55);
    --macc-led-neutral-glow: rgba(148, 163, 184, 0.22);
    /* Token and chip accents */
    --macc-token-info-border: rgba(59, 130, 246, 0.45);
    --macc-token-info-bg: rgba(59, 130, 246, 0.16);
    --macc-token-info-text: #bfdbfe;
    --macc-token-success-border: rgba(16, 185, 129, 0.45);
    --macc-token-success-bg: rgba(16, 185, 129, 0.16);
    --macc-token-success-text: #a7f3d0;
    --macc-token-violet-border: rgba(168, 85, 247, 0.45);
    --macc-token-violet-bg: rgba(168, 85, 247, 0.16);
    --macc-token-violet-text: #e9d5ff;
    --macc-token-warning-border: rgba(234, 88, 12, 0.5);
    --macc-token-warning-bg: rgba(234, 88, 12, 0.18);
    --macc-token-warning-text: #fed7aa;
    --macc-token-danger-border: rgba(244, 63, 94, 0.45);
    --macc-token-danger-bg: rgba(244, 63, 94, 0.16);
    --macc-token-danger-text: #fecdd3;
    /* Import status pills */
    --macc-import-pill-ready-border: rgba(16, 185, 129, 0.42);
    --macc-import-pill-ready-bg: rgba(16, 185, 129, 0.18);
    --macc-import-pill-ready-text: #d1fae5;
    --macc-import-pill-warning-border: rgba(245, 158, 11, 0.46);
    --macc-import-pill-warning-bg: rgba(245, 158, 11, 0.18);
    --macc-import-pill-warning-text: #fde68a;
    --macc-import-pill-danger-border: rgba(244, 63, 94, 0.42);
    --macc-import-pill-danger-bg: rgba(244, 63, 94, 0.18);
    --macc-import-pill-danger-text: #fecdd3;
    --macc-import-pill-neutral-border: rgba(255, 255, 255, 0.12);
    --macc-import-pill-neutral-bg: rgba(255, 255, 255, 0.08);
    --macc-import-pill-neutral-text: rgba(255, 255, 255, 0.84);
    --macc-import-row-warning-bg: rgba(245, 158, 11, 0.1);
    --macc-icon-tile-bg: rgba(var(--macc-accent-rgb), 0.1);
    /* Dark utility surfaces (for icon chips, image canvases, etc. — kept dark
       in both themes because they host white-on-dark imagery). */
    --macc-canvas-stage-bg: #121212;

    /* Scroll-area ceilings — per-component knobs, each clamped by a min() cap at the call site. */
    --macc-scrollable-list-compact-max-height: 52vh;
    --macc-scrollable-list-modal-max-height: 55vh;
    --macc-alert-camera-table-max-height: 32rem;
    --macc-integration-checklist-max-height: 13.125rem;

    /* Risk module accent palette — used by detection-parameters and manage-alerts cards.
       Hex values live here only; per-module accent CSS vars in those files map to these. */
    --macc-module-weapon: #ef4444;
    --macc-module-weapon-rgb: 239, 68, 68;
    --macc-module-smokefire: #f97316;
    --macc-module-smokefire-rgb: 249, 115, 22;
    --macc-module-slip: #eab308;
    --macc-module-slip-rgb: 234, 179, 8;
    --macc-module-trespass: #38bdf8;
    --macc-module-trespass-rgb: 56, 189, 248;
    --macc-module-vehicle: #22c55e;
    --macc-module-vehicle-rgb: 34, 197, 94;
    --macc-module-crowd: #a78bfa;
    --macc-module-crowd-rgb: 167, 139, 250;
    --macc-module-cellphone: #14b8a6;
    --macc-module-cellphone-rgb: 20, 184, 166;
    --macc-bright-accent-text: #020617;
    /* Dashboard module pills */
    --macc-pill-bg: rgba(255, 255, 255, 0.15);
    --macc-pill-text: rgba(255, 255, 255, 0.92);
    --macc-pill-weapon-bg: rgba(239, 68, 68, 0.15);
    --macc-pill-weapon-text: #fecaca;
    --macc-pill-person-bg: rgba(59, 130, 246, 0.15);
    --macc-pill-person-text: #bfdbfe;
    --macc-pill-vehicle-bg: rgba(234, 179, 8, 0.15);
    --macc-pill-vehicle-text: #fde68a;
    --macc-pill-intrusion-bg: rgba(168, 85, 247, 0.15);
    --macc-pill-intrusion-text: #e9d5ff;
    --macc-pill-loitering-bg: rgba(16, 185, 129, 0.15);
    --macc-pill-loitering-text: #a7f3d0;
    --macc-pill-violence-bg: rgba(244, 63, 94, 0.15);
    --macc-pill-violence-text: #fecdd3;
    --macc-pill-fire-bg: rgba(249, 115, 22, 0.15);
    --macc-pill-fire-text: #fed7aa;
    --macc-pill-smoke-bg: rgba(148, 163, 184, 0.15);
    --macc-pill-smoke-text: #e2e8f0;
    /* Buttons */
    --macc-btn-radius: var(--macc-radius-control);
    --macc-btn-height: var(--macc-control-height);
    --macc-btn-height-sm: var(--macc-control-height-sm);
    --macc-btn-height-lg: var(--macc-control-height-lg);
    --macc-btn-shadow: var(--macc-shadow-none);
    --macc-btn-shadow-hover: var(--macc-shadow-none);
    --macc-btn-primary-bg: var(--macc-accent);
    --macc-btn-primary-border: var(--macc-accent);
    --macc-btn-primary-text: #ffffff;
    --macc-btn-primary-bg-hover: var(--macc-accent-hover);
    --macc-btn-primary-border-hover: var(--macc-accent-hover);
    --macc-btn-primary-text-hover: #ffffff;
    --macc-btn-secondary-bg: var(--macc-surface-2);
    --macc-btn-secondary-border: var(--macc-border);
    --macc-btn-secondary-text: var(--macc-text);
    --macc-btn-secondary-bg-hover: var(--macc-surface-3);
    --macc-btn-secondary-border-hover: var(--macc-border-strong);
    --macc-btn-secondary-text-hover: var(--macc-text);
    --macc-btn-success-bg: #15803d;
    --macc-btn-success-border: #15803d;
    --macc-btn-success-text: #ffffff;
    --macc-btn-success-bg-hover: #166534;
    --macc-btn-success-border-hover: #166534;
    --macc-btn-success-text-hover: #ffffff;
    --macc-btn-danger-bg: #dc2626;
    --macc-btn-danger-border: #dc2626;
    --macc-btn-danger-text: #ffffff;
    --macc-btn-danger-bg-hover: #b91c1c;
    --macc-btn-danger-border-hover: #b91c1c;
    --macc-btn-danger-text-hover: #ffffff;
    /* Content surfaces */
    --macc-page-bg: var(--macc-bg);
    --macc-page-text: var(--macc-text);
    --macc-page-subtitle: var(--macc-text-muted);
    --macc-page-gutter-y: clamp(1rem, 1.6vw, 1.5rem);
    --macc-page-gutter-x: clamp(1rem, 2.4vw, 2rem);
    --macc-card-bg: var(--macc-surface);
    --macc-card-border: var(--macc-border-subtle);
    --macc-card-shadow: var(--macc-elevation-card);
    --macc-alert-card-bg: var(--macc-surface);
    --macc-alert-card-border: var(--macc-border-subtle);
    --macc-alert-card-shadow: var(--macc-elevation-card);
    --macc-alert-card-hover-border: var(--macc-border-ghost-stronger);
    --macc-alert-card-header-bg: var(--macc-hover-strong);
    --macc-alert-card-header-border: var(--macc-border-subtle);
    --macc-alert-card-body-bg: var(--macc-surface);
    --macc-alert-card-footer-bg: var(--macc-hover-strong);
    --macc-alert-card-footer-border: var(--macc-border-subtle);
    --macc-alert-content-text: var(--macc-text-softest);
    --macc-alert-content-muted: var(--macc-text-faint);
    --macc-alert-content-strong: var(--macc-text-soft);
    --macc-alert-media-bg: var(--macc-surface-2);
    --macc-alert-media-border: var(--macc-border-subtle);
    --macc-alert-media-overlay: var(--macc-overlay-soft);
    --macc-alert-media-overlay-text: var(--macc-text);
    --macc-alert-viewed-badge-bg: var(--macc-overlay-strong);
    --macc-alert-viewed-badge-text: var(--macc-text-soft);
    /* Links */
    --macc-link: var(--macc-link-strong);
    --macc-link-hover: var(--macc-text-emphasis);
    /* Chart */
    --macc-chart-text: rgba(255, 255, 255, 0.88);
    --macc-chart-grid: rgba(255, 255, 255, 0.08);
    --macc-chart-line: var(--macc-brand-sage);
    --macc-chart-line-fill: rgba(125, 175, 181, 0.22);
    --macc-chart-seg-1: rgba(125, 175, 181, 0.3);
    --macc-chart-seg-2: rgba(255, 220, 95, 0.26);
    --macc-chart-seg-3: rgba(238, 63, 53, 0.28);
    --macc-chart-seg-4: rgba(221, 246, 255, 0.22);
    --macc-chart-seg-5: rgba(69, 104, 114, 0.34);
    --macc-chart-seg-6: rgba(0, 65, 83, 0.38);
    --macc-chart-secondary: var(--macc-brand-slate);
    --macc-chart-tooltip-bg: rgba(0, 0, 0, 0.92);
    --macc-chart-tooltip-text: #ffffff;
    --macc-chart-tooltip-border: rgba(255, 255, 255, 0.16);
    /* Login and legal pages */
    --macc-login-accent: var(--macc-accent);
    --macc-legal-bg: var(--macc-surface-2);
    --macc-legal-ink: var(--macc-text-primary);
}

html[data-bs-theme="dark"] {
    color-scheme: dark;
    --macc-accent-foreground: var(--macc-brand-sage);
    --macc-accent-foreground-hover: var(--macc-brand-ice);
    --macc-muted: var(--macc-text-muted);
    --macc-placeholder-text: var(--macc-input-placeholder);
    --bs-body-bg: var(--macc-bg);
    --bs-body-color: var(--macc-text-primary);
    --bs-emphasis-color: var(--macc-text-emphasis);
    --bs-secondary-color: var(--macc-text-secondary);
    --bs-tertiary-color: var(--macc-text-tertiary);
    --bs-secondary-bg: var(--macc-surface-2);
    --bs-tertiary-bg: var(--macc-surface-3);
    --bs-border-color: var(--macc-border);
    --bs-link-color: var(--macc-link);
    --bs-link-hover-color: var(--macc-link-hover);
    --bs-heading-color: var(--macc-text-primary);
}

html[data-bs-theme="light"] {
    color-scheme: light;
    /* Core surfaces */
    --macc-ui-scale: 1;
    --macc-font-size-body: 1rem;
    --macc-font-size-ui: 0.95rem;
    --macc-font-size-table: 0.875rem;
    --macc-font-size-small: 0.875rem;
    --macc-font-size-label: 0.82rem;
    --macc-font-size-caption: 0.78rem;
    --macc-font-size-micro: 0.75rem;
    --macc-line-height-body: 1.5;
    --macc-line-height-ui: 1.35;
    --macc-line-height-tight: 1.2;
    --bs-font-size-base: var(--macc-font-size-body);
    --bs-body-font-size: var(--macc-font-size-body);
    --bs-body-line-height: var(--macc-line-height-body);
    --macc-sidebar-width: 264px;
    --macc-sidebar-collapsed-width: 72px;
    --macc-color-canvas: #e7f0f2;
    --macc-color-surface: #f9fcfc;
    --macc-color-surface-raised: #dfeaed;
    --macc-color-surface-hover: #d2e1e5;
    --macc-color-primary: var(--macc-brand-teal);
    --macc-color-primary-hover: #0b596d;
    --macc-color-attention: var(--macc-brand-gold);
    --macc-color-danger: var(--macc-brand-alert);
    --macc-color-success: #16a34a;
    --macc-bg: var(--macc-color-canvas);
    --macc-surface: var(--macc-color-surface);
    --macc-surface-2: var(--macc-color-surface-raised);
    --macc-surface-3: var(--macc-color-surface-hover);
    --macc-surface-muted: var(--macc-surface-2);
    /* Borders and text */
    --macc-border: rgba(69, 104, 114, 0.28);
    --macc-border-strong: rgba(69, 104, 114, 0.34);
    --macc-border-soft: rgba(0, 37, 49, 0.16);
    --macc-border-subtle: rgba(0, 37, 49, 0.1);
    --macc-border-faint: rgba(0, 37, 49, 0.08);
    --macc-border-ghost: rgba(0, 37, 49, 0.1);
    --macc-border-ghost-strong: rgba(0, 37, 49, 0.12);
    --macc-border-ghost-stronger: rgba(0, 37, 49, 0.18);
    --macc-text: var(--macc-brand-dark-teal);
    --macc-text-rgb: 0, 37, 49;
    --macc-text-primary: rgba(0, 37, 49, 0.96);
    --macc-text-secondary: rgba(0, 37, 49, 0.78);
    --macc-text-tertiary: rgba(0, 37, 49, 0.68);
    /* Was var(--macc-brand-slate) (#456872), which lands on --macc-surface-3
       (#d2e1e5) at exactly 4.50:1 — AA with zero margin. #3f606a gives 5.06:1,
       matching the dark theme's headroom. Set here rather than on
       --macc-brand-slate, which --macc-neutral and --macc-chart-secondary share. */
    --macc-text-muted: #3f606a;
    --macc-text-faint: rgba(0, 37, 49, 0.72);
    --macc-text-soft: rgba(0, 37, 49, 0.92);
    --macc-text-softest: rgba(0, 37, 49, 0.88);
    --macc-text-dim: rgba(0, 37, 49, 0.86);
    --macc-text-dimmest: rgba(0, 37, 49, 0.82);
    --macc-text-subtle: rgba(0, 37, 49, 0.8);
    --macc-text-disabled: rgba(0, 37, 49, 0.6);
    --macc-text-placeholder: rgba(0, 37, 49, 0.68);
    --macc-text-emphasis: rgba(0, 37, 49, 0.98);
    --macc-text-strong: var(--macc-text-emphasis);
    /* Brand and status */
    --macc-accent: var(--macc-color-primary);
    --macc-accent-rgb: 0, 65, 83;
    --macc-accent-hover: var(--macc-color-primary-hover);
    --macc-accent-foreground: var(--macc-brand-teal);
    --macc-accent-foreground-hover: var(--macc-brand-dark-teal);
    --macc-muted: var(--macc-text-muted);
    --macc-placeholder-text: var(--macc-input-placeholder);
    --bs-body-bg: var(--macc-bg);
    --bs-body-color: var(--macc-text-primary);
    --bs-emphasis-color: var(--macc-text-emphasis);
    --bs-secondary-color: var(--macc-text-secondary);
    --bs-tertiary-color: var(--macc-text-tertiary);
    --bs-secondary-bg: var(--macc-surface-2);
    --bs-tertiary-bg: var(--macc-surface-3);
    --bs-border-color: var(--macc-border);
    --bs-link-color: var(--macc-link);
    --bs-link-hover-color: var(--macc-link-hover);
    --bs-heading-color: var(--macc-text-primary);
    --macc-attention: var(--macc-color-attention);
    --macc-success: var(--macc-color-success);
    --macc-danger: var(--macc-color-danger);
    --macc-warning: var(--macc-color-warning);
    --macc-neutral: var(--macc-brand-slate);
    --macc-status-active: var(--macc-success);
    --macc-status-inactive: var(--macc-neutral);
    --macc-neutral-soft: rgba(15, 23, 42, 0.08);
    --macc-neutral-strong: rgba(15, 23, 42, 0.88);
    --macc-success-soft: rgba(22, 163, 74, 0.16);
    --macc-warning-soft: rgba(234, 88, 12, 0.16);
    --macc-success-fill-strong: #198754;
    --macc-danger-fill-strong: #c92a2a;
    /* Interaction and elevation */
    --macc-hover: rgba(15, 23, 42, 0.06);
    --macc-hover-soft: rgba(15, 23, 42, 0.05);
    --macc-hover-strong: rgba(15, 23, 42, 0.03);
    --macc-overlay: rgba(15, 23, 42, 0.35);
    --macc-overlay-soft: rgba(15, 23, 42, 0.62);
    --macc-overlay-strong: rgba(15, 23, 42, 0.68);
    --macc-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
    --macc-shadow-sm: 0 6px 14px rgba(15, 23, 42, 0.08);
    --macc-shadow-md: 0 10px 24px rgba(15, 23, 42, 0.12);
    --macc-shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.18);
    --macc-shadow-xl: 0 18px 55px rgba(15, 23, 42, 0.18);
    --macc-shadow-soft: var(--macc-shadow-sm);
    --macc-shadow-inset: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
    /* Light-theme card elevation: hairline top edge + soft drop. Mirrors
       the dark canonical elevation but tuned for paper surfaces. */
    --macc-elevation-card:
        0 1px 0 0 rgba(15, 23, 42, 0.04) inset,
        0 1px 2px rgba(15, 23, 42, 0.06),
        0 8px 20px rgba(15, 23, 42, 0.08);
    --macc-elevation-card-hover:
        0 1px 0 0 rgba(15, 23, 42, 0.06) inset,
        0 2px 4px rgba(15, 23, 42, 0.08),
        0 14px 32px rgba(15, 23, 42, 0.14);
    /* Scrollbars */
    --macc-scrollbar-thumb: rgba(15, 23, 42, 0.16);
    --macc-scrollbar-thumb-hover: rgba(15, 23, 42, 0.24);
    --macc-scrollbar-track: rgba(15, 23, 42, 0.06);
    /* Sidebar */
    --macc-sidebar-bg: var(--macc-brand-midnight);
    --macc-sidebar-border: var(--macc-border);
    --macc-sidebar-text: #FFFFFF;
    --macc-sidebar-text-muted: #FFFFFF;
    --macc-sidebar-text-hover: #FFFFFF;
    --macc-sidebar-text-active: #FFFFFF;
    --macc-sidebar-icon: #FFFFFF;
    --macc-sidebar-icon-active: #FFFFFF;
    --macc-sidebar-heading: #FFFFFF;
    --macc-sidebar-font-size: 0.93rem;
    --macc-sidebar-icon-size: 1.00rem;
    --macc-sidebar-nav-hover: rgba(255,255,255,0.1);
    --macc-sidebar-nav-active: rgba(255,255,255,0.1);
    --macc-sidebar-active-indicator: var(--macc-brand-gold);
    --macc-sidebar-scrollbar-thumb: var(--macc-scrollbar-thumb);
    --macc-sidebar-scrollbar-track: var(--macc-scrollbar-track);
    --macc-sidebar-tooltip-bg: rgba(255, 255, 255, 0.98);
    --macc-sidebar-tooltip-border: rgba(15, 23, 42, 0.12);
    --macc-sidebar-tooltip-text: rgba(15, 23, 42, 0.95);
    --macc-sidebar-tooltip-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
    --macc-topbar-bg: #fbfdfd;
    --macc-topbar-border: rgba(15, 23, 42, 0.1);
    /* Feedback */
    --macc-error-bg: rgba(220, 38, 38, 0.1);
    --macc-error-border: rgba(220, 38, 38, 0.22);
    --macc-error-border-strong: rgba(220, 38, 38, 0.28);
    --macc-error-border-stronger: rgba(220, 38, 38, 0.32);
    --macc-error-border-focus: rgba(220, 38, 38, 0.45);
    --macc-error-text: #7f1d1d;
    --macc-error-text-strong: #7f1d1d;
    --macc-error-text-max: #450a0a;
    --macc-error-ring: rgba(220, 38, 38, 0.1);
    --macc-toast-bg: rgba(255, 255, 255, 0.96);
    --macc-toast-border: rgba(15, 23, 42, 0.1);
    --macc-toast-text: rgba(15, 23, 42, 0.92);
    --macc-toast-action-min-width: 150px;
    /* Focus and selection — teal in light theme. Gold lacks contrast on
       white surfaces (yellow-on-white is hard to see); gold focus stays
       in the dark theme where it reads as a brand signature. */
    --macc-focus-accent: var(--macc-brand-teal);
    --macc-focus-border: rgba(0, 65, 83, 0.7);
    --macc-focus-border-soft: rgba(0, 65, 83, 0.45);
    --macc-focus-ring: rgba(0, 65, 83, 0.18);
    --macc-focus-fill: rgba(0, 65, 83, 0.10);
    --macc-focus-fill-soft: rgba(0, 65, 83, 0.06);
    --macc-focus-text: rgba(0, 65, 83, 0.95);
    /* Grid and table */
    --macc-grid-shadow: var(--macc-shadow-soft);
    --macc-grid-header-start: rgba(15, 23, 42, 0.04);
    --macc-grid-header-end: rgba(15, 23, 42, 0.01);
    --macc-grid-header-text: rgba(15, 23, 42, 0.72);
    --macc-grid-row-bg: rgba(15, 23, 42, 0.015);
    --macc-grid-row-alt: rgba(15, 23, 42, 0.03);
    --macc-grid-row-hover: rgba(15, 23, 42, 0.06);
    --macc-grid-row-border: rgba(15, 23, 42, 0.08);
    --macc-grid-row-selected: rgba(var(--macc-accent-rgb), 0.1);
    --macc-grid-row-new: rgba(var(--macc-accent-rgb), 0.08);
    --macc-grid-row-new-hover: rgba(var(--macc-accent-rgb), 0.12);
    --macc-grid-row-new-border: rgba(var(--macc-accent-rgb), 0.28);
    --macc-grid-cell-focus: var(--macc-focus-border);
    --macc-table-head-text: rgba(15, 23, 42, 0.82);
    --macc-table-head-border: rgba(15, 23, 42, 0.1);
    --macc-table-body-text: rgba(15, 23, 42, 0.78);
    --macc-table-row-hover-text: rgba(15, 23, 42, 0.92);
    --macc-table-radius: var(--macc-radius-table);
    --macc-link-strong: var(--macc-brand-dark-teal);
    /* Popups, lists, chips */
    --macc-popup-bg: var(--macc-surface);
    --macc-popup-border: var(--macc-border-ghost-strong);
    --macc-popup-text: var(--macc-text-soft);
    --macc-popup-shadow: var(--macc-shadow-lg);
    --macc-popup-item-text: var(--macc-text-dimmest);
    --macc-popup-item-hover-bg: var(--macc-surface-3);
    --macc-popup-item-hover-text: var(--macc-text);
    --macc-badge-soft-bg: rgba(15, 23, 42, 0.06);
    --macc-badge-soft-border: rgba(15, 23, 42, 0.1);
    --macc-badge-soft-text: rgba(15, 23, 42, 0.82);
    /* Modals */
    --macc-modal-bg: var(--macc-surface);
    --macc-modal-border: rgba(15, 23, 42, 0.1);
    --macc-modal-shadow: var(--macc-shadow-xl);
    /* Form controls */
    --macc-input-bg: var(--macc-surface);
    --macc-input-border: var(--macc-border-soft);
    --macc-input-border-strong: var(--macc-border-strong);
    --macc-input-text: var(--macc-text-soft);
    --macc-input-disabled-bg: var(--macc-surface-2);
    --macc-input-disabled-border: var(--macc-border-subtle);
    --macc-input-disabled-text: var(--macc-text-disabled);
    --macc-input-placeholder: var(--macc-text-placeholder);
    --macc-input-active-bg: rgba(15, 23, 42, 0.03);
    --macc-input-active-border: rgba(15, 23, 42, 0.12);
    --macc-input-focus-border: var(--macc-focus-border);
    --macc-input-focus-ring: var(--macc-focus-ring);
    --macc-slider-track: rgba(15, 23, 42, 0.16);
    --macc-slider-thumb: #ffffff;
    --macc-slider-thumb-border: rgba(15, 23, 42, 0.2);
    --macc-slider-thumb-ring: rgba(15, 23, 42, 0.12);
    /* Switches */
    --macc-switch-bg: rgba(15, 23, 42, 0.12);
    --macc-switch-border: rgba(15, 23, 42, 0.18);
    --macc-switch-knob: rgba(255, 255, 255, 0.98);
    --macc-switch-on-bg: rgba(22, 163, 74, 0.7);
    --macc-switch-on-border: rgba(22, 163, 74, 0.8);
    --macc-switch-on-shadow: rgba(22, 163, 74, 0.12);
    --macc-switch-on-shadow-strong: rgba(22, 163, 74, 0.2);
    /* Status lights */
    --macc-led-success-bg: #16a34a;
    --macc-led-success-glow: rgba(22, 163, 74, 0.55);
    --macc-led-success-glow-soft: rgba(22, 163, 74, 0.4);
    --macc-led-success-glow-strong: rgba(22, 163, 74, 0.75);
    --macc-led-danger-bg: #dc2626;
    --macc-led-danger-glow: rgba(220, 38, 38, 0.5);
    --macc-led-danger-glow-soft: rgba(220, 38, 38, 0.38);
    --macc-led-danger-glow-strong: rgba(220, 38, 38, 0.68);
    --macc-led-neutral-bg: rgba(100, 116, 139, 0.45);
    --macc-led-neutral-glow: rgba(100, 116, 139, 0.18);
    /* Token and chip accents */
    --macc-token-info-border: rgba(125, 175, 181, 0.38);
    --macc-token-info-bg: rgba(125, 175, 181, 0.14);
    --macc-token-info-text: var(--macc-brand-dark-teal);
    --macc-token-success-border: rgba(22, 163, 74, 0.35);
    --macc-token-success-bg: rgba(22, 163, 74, 0.1);
    --macc-token-success-text: #166534;
    --macc-token-violet-border: rgba(124, 58, 237, 0.35);
    --macc-token-violet-bg: rgba(124, 58, 237, 0.1);
    --macc-token-violet-text: #5b21b6;
    --macc-token-warning-border: rgba(234, 88, 12, 0.4);
    --macc-token-warning-bg: rgba(234, 88, 12, 0.12);
    --macc-token-warning-text: #c2410c;
    --macc-token-danger-border: rgba(225, 29, 72, 0.3);
    --macc-token-danger-bg: rgba(225, 29, 72, 0.08);
    --macc-token-danger-text: #9f1239;
    /* Import status pills */
    --macc-import-pill-ready-border: rgba(22, 163, 74, 0.28);
    --macc-import-pill-ready-bg: rgba(22, 163, 74, 0.12);
    --macc-import-pill-ready-text: #166534;
    --macc-import-pill-warning-border: rgba(217, 119, 6, 0.28);
    --macc-import-pill-warning-bg: rgba(245, 158, 11, 0.14);
    --macc-import-pill-warning-text: #92400e;
    --macc-import-pill-danger-border: rgba(225, 29, 72, 0.24);
    --macc-import-pill-danger-bg: rgba(225, 29, 72, 0.1);
    --macc-import-pill-danger-text: #9f1239;
    --macc-import-pill-neutral-border: rgba(15, 23, 42, 0.1);
    --macc-import-pill-neutral-bg: rgba(15, 23, 42, 0.06);
    --macc-import-pill-neutral-text: rgba(15, 23, 42, 0.82);
    --macc-import-row-warning-bg: rgba(245, 158, 11, 0.1);
    /* Dashboard module pills */
    --macc-pill-bg: rgba(15, 23, 42, 0.08);
    --macc-pill-text: rgba(15, 23, 42, 0.9);
    --macc-pill-weapon-bg: rgba(220, 38, 38, 0.14);
    --macc-pill-weapon-text: #7f1d1d;
    --macc-pill-person-bg: rgba(37, 99, 235, 0.14);
    --macc-pill-person-text: #1e3a8a;
    --macc-pill-vehicle-bg: rgba(217, 119, 6, 0.16);
    --macc-pill-vehicle-text: #78350f;
    --macc-pill-intrusion-bg: rgba(124, 58, 237, 0.14);
    --macc-pill-intrusion-text: #4c1d95;
    --macc-pill-loitering-bg: rgba(5, 150, 105, 0.14);
    --macc-pill-loitering-text: #064e3b;
    --macc-pill-violence-bg: rgba(225, 29, 72, 0.14);
    --macc-pill-violence-text: #881337;
    --macc-pill-fire-bg: rgba(234, 88, 12, 0.14);
    --macc-pill-fire-text: #7c2d12;
    --macc-pill-smoke-bg: rgba(71, 85, 105, 0.14);
    --macc-pill-smoke-text: #334155;
    /* Buttons */
    --macc-btn-radius: var(--macc-radius-control);
    --macc-btn-height: var(--macc-control-height);
    --macc-btn-height-sm: var(--macc-control-height-sm);
    --macc-btn-height-lg: var(--macc-control-height-lg);
    --macc-btn-shadow: var(--macc-shadow-none);
    --macc-btn-shadow-hover: var(--macc-shadow-none);
    --macc-btn-primary-bg: var(--macc-accent);
    --macc-btn-primary-border: var(--macc-accent);
    --macc-btn-primary-text: #ffffff;
    --macc-btn-primary-bg-hover: var(--macc-accent-hover);
    --macc-btn-primary-border-hover: var(--macc-accent-hover);
    --macc-btn-primary-text-hover: #ffffff;
    --macc-btn-secondary-bg: var(--macc-surface-2);
    --macc-btn-secondary-border: var(--macc-border);
    --macc-btn-secondary-text: rgba(15, 23, 42, 0.92);
    --macc-btn-secondary-bg-hover: var(--macc-surface-3);
    --macc-btn-secondary-border-hover: var(--macc-border-strong);
    --macc-btn-secondary-text-hover: rgba(15, 23, 42, 0.98);
    --macc-btn-success-bg: #15803d;
    --macc-btn-success-border: #15803d;
    --macc-btn-success-text: #ffffff;
    --macc-btn-success-bg-hover: #166534;
    --macc-btn-success-border-hover: #166534;
    --macc-btn-success-text-hover: #ffffff;
    --macc-btn-danger-bg: #dc2626;
    --macc-btn-danger-border: #dc2626;
    --macc-btn-danger-text: #ffffff;
    --macc-btn-danger-bg-hover: #b91c1c;
    --macc-btn-danger-border-hover: #b91c1c;
    --macc-btn-danger-text-hover: #ffffff;
    /* Content surfaces */
    --macc-page-bg: var(--macc-bg);
    --macc-page-text: var(--macc-text);
    --macc-page-subtitle: var(--macc-text-muted);
    --macc-page-gutter-y: clamp(1rem, 1.6vw, 1.5rem);
    --macc-page-gutter-x: clamp(1rem, 2.4vw, 2rem);
    --macc-card-bg: var(--macc-surface);
    --macc-card-border: var(--macc-border-subtle);
    --macc-card-shadow: var(--macc-elevation-card);
    --macc-alert-card-bg: var(--macc-surface);
    --macc-alert-card-border: var(--macc-border-subtle);
    --macc-alert-card-shadow: var(--macc-elevation-card);
    --macc-alert-card-hover-border: var(--macc-border-ghost-stronger);
    --macc-alert-card-header-bg: rgba(15, 23, 42, 0.03);
    --macc-alert-card-header-border: var(--macc-border-subtle);
    --macc-alert-card-body-bg: var(--macc-surface);
    --macc-alert-card-footer-bg: rgba(15, 23, 42, 0.03);
    --macc-alert-card-footer-border: var(--macc-border-subtle);
    --macc-alert-content-text: rgba(15, 23, 42, 0.88);
    --macc-alert-content-muted: rgba(15, 23, 42, 0.72);
    --macc-alert-content-strong: rgba(15, 23, 42, 0.92);
    --macc-alert-media-bg: var(--macc-surface-2);
    --macc-alert-media-border: var(--macc-border-subtle);
    --macc-alert-media-overlay: rgba(15, 23, 42, 0.68);
    --macc-alert-media-overlay-text: #ffffff;
    --macc-alert-viewed-badge-bg: rgba(15, 23, 42, 0.62);
    --macc-alert-viewed-badge-text: #ffffff;
    /* Links */
    --macc-link: var(--macc-brand-dark-teal);
    --macc-link-hover: var(--macc-brand-teal);
    /* Chart */
    --macc-chart-text: rgba(15, 23, 42, 0.88);
    --macc-chart-grid: rgba(15, 23, 42, 0.12);
    --macc-chart-line: var(--macc-brand-teal);
    --macc-chart-line-fill: rgba(0, 65, 83, 0.14);
    --macc-chart-seg-1: rgba(0, 65, 83, 0.22);
    --macc-chart-seg-2: rgba(125, 175, 181, 0.24);
    --macc-chart-seg-3: rgba(238, 63, 53, 0.18);
    --macc-chart-seg-4: rgba(255, 220, 95, 0.24);
    --macc-chart-seg-5: rgba(69, 104, 114, 0.24);
    --macc-chart-seg-6: rgba(0, 37, 49, 0.18);
    --macc-chart-secondary: var(--macc-brand-slate);
    --macc-chart-tooltip-bg: rgba(255, 255, 255, 0.98);
    --macc-chart-tooltip-text: var(--macc-brand-dark-teal);
    --macc-chart-tooltip-border: rgba(15, 23, 42, 0.16);
    /* Login and legal pages */
    --macc-login-accent: var(--macc-accent);
    --macc-legal-bg: #f4f8fa;
    --macc-legal-ink: #001b24;
}