/* Synergy Business Portal theme, derived from Design/design.json.
   Brand primary #C0392B, hover #8E2C1F, accent #E74C3C (SynergyTransportationSuite tokens).
   Every colour used by page styles flows through these tokens so light and dark stay in sync. */
:root {
    color-scheme: light;
    --brand-primary: #c0392b;
    --brand-primary-hover: #a63325;
    --brand-primary-active: #8e2c1f;
    --brand-accent: #e74c3c;
    --portal-primary: var(--brand-primary);
    --portal-primary-strong: var(--brand-primary-active);
    --portal-accent: var(--brand-primary);
    --portal-brand-accent: var(--brand-primary);
    --portal-brand-accent-hover: var(--brand-primary-hover);
    --portal-brand-on-accent: #ffffff;
    --portal-on-primary: #ffffff;
    --portal-ink: #10151b;
    --portal-muted: #5a6a80;
    --portal-surface: #ffffff;
    --portal-canvas: #f6f8fb;
    --portal-card-soft: #fdf5f3;
    --portal-soft-surface: #fbe6e2;
    --portal-border: #d3dae5;
    --portal-input-surface: #ffffff;
    --portal-input-border: #b8c2d1;
    --portal-topbar: #10151b;
    --portal-on-topbar: #ffffff;
    --portal-topbar-muted: #d2d8df;
    --portal-topbar-subtle: #b6c0cb;
    --portal-topbar-border: rgba(255, 255, 255, 0.1);
    --portal-topbar-chip-bg: rgba(255, 255, 255, 0.08);
    --portal-topbar-hover-bg: rgba(255, 255, 255, 0.12);
    --portal-status-ready-bg: #dcfce7;
    --portal-status-ready-text: #166534;
    --portal-status-pending-bg: #fef3c7;
    --portal-status-pending-text: #92400e;
    --portal-status-active-bg: #eff6ff;
    --portal-status-active-text: #1d4ed8;
    --portal-status-planned-bg: #eef1f7;
    --portal-status-planned-text: #495973;
    --portal-alert-surface: #fbe6e2;
    --portal-alert-danger-surface: #fdeceb;
    --portal-alert-danger-text: #842029;
    --portal-public-surface: #ffffff;
    --portal-public-brand-color: #fff5f3;
    --portal-public-brand-background: linear-gradient(160deg, #e74c3c 0%, #c0392b 58%, #10151b 100%);
    --portal-public-brand-overlay: linear-gradient(135deg, rgba(16, 21, 27, 0.12), rgba(16, 21, 27, 0.28));
    --portal-public-brand-highlight: radial-gradient(circle at 24% 18%, rgba(255, 245, 243, 0.22), transparent 34%);
    --synergy-wordmark-suffix: #5a6a80;
}

html[data-theme="dark"] {
    color-scheme: dark;
    /* Lightened brand ramp so the red keeps AA contrast on a dark canvas. */
    --brand-primary: #f0705f;
    --brand-primary-hover: #f58a7b;
    --brand-primary-active: #fba396;
    --brand-accent: #f0705f;
    --portal-primary: var(--brand-primary);
    --portal-primary-strong: var(--brand-primary-active);
    --portal-accent: var(--brand-primary);
    --portal-brand-accent: var(--brand-primary);
    --portal-brand-accent-hover: var(--brand-primary-hover);
    --portal-brand-on-accent: #10151b;
    --portal-on-primary: #10151b;
    --portal-ink: #f4f6f8;
    --portal-muted: #aeb8c4;
    --portal-surface: #1a2027;
    --portal-canvas: #10151b;
    --portal-card-soft: #232a33;
    --portal-soft-surface: #2c333c;
    --portal-border: #3b4653;
    --portal-input-surface: #151b22;
    --portal-input-border: #465362;
    --portal-topbar: #0b0f13;
    --portal-on-topbar: #ffffff;
    --portal-topbar-muted: #d2d8df;
    --portal-topbar-subtle: #aeb8c4;
    --portal-status-ready-bg: rgba(34, 197, 94, 0.16);
    --portal-status-ready-text: #a7f3d0;
    --portal-status-pending-bg: rgba(245, 158, 11, 0.16);
    --portal-status-pending-text: #fcd34d;
    --portal-status-active-bg: rgba(59, 130, 246, 0.18);
    --portal-status-active-text: #bfdbfe;
    --portal-status-planned-bg: #252d37;
    --portal-status-planned-text: #c7d0db;
    --portal-alert-surface: rgba(231, 76, 60, 0.16);
    --portal-alert-danger-surface: rgba(239, 68, 68, 0.16);
    --portal-alert-danger-text: #fca5a5;
    --portal-public-surface: #10151b;
    --synergy-wordmark-suffix: #c8d0da;
}