/* OfferRunner portal theme generated from Design/design.json. */
:root {
    color-scheme: light;
    --brand-primary: #03a9f4;
    --brand-primary-hover: #039ae0;
    --brand-primary-active: #028ccb;
    --brand-accent: #42bff7;
    --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: #596d88;
    --portal-surface: #ffffff;
    --portal-canvas: #f6f8fb;
    --portal-card-soft: #ebf8fe;
    --portal-soft-surface: #d8f1fd;
    --portal-border: #d0d9e6;
    --portal-input-surface: #ffffff;
    --portal-input-border: #b8c4d3;
    --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: #ebf8fe;
    --portal-alert-danger-surface: #fdeceb;
    --portal-alert-danger-text: #842029;
    --portal-public-surface: #ffffff;
    --portal-public-brand-color: #ebf8fe;
    --portal-public-brand-background: linear-gradient(160deg, #42bff7 0%, #03a9f4 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(235, 248, 254, 0.22), transparent 34%);
    --offerrunner-wordmark-runner: #596d88;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --brand-primary: #42bff7;
    --brand-primary-hover: #61c9f9;
    --brand-primary-active: #81d4fa;
    --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: #202832;
    --portal-soft-surface: #2a313a;
    --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: rgba(148, 163, 184, 0.16);
    --portal-status-planned-text: #cbd5e1;
    --portal-alert-surface: #202832;
    --portal-alert-danger-surface: rgba(248, 113, 113, 0.16);
    --portal-alert-danger-text: #fecaca;
    --portal-public-surface: #1a2027;
    --portal-public-brand-color: #d8f1fd;
    --portal-public-brand-background: linear-gradient(160deg, #028ccb 0%, #03a9f4 52%, #0b0f13 100%);
    --portal-public-brand-overlay: linear-gradient(135deg, rgba(11, 15, 19, 0.18), rgba(11, 15, 19, 0.42));
    --portal-public-brand-highlight: radial-gradient(circle at 24% 18%, rgba(66, 191, 247, 0.22), transparent 34%);
    --offerrunner-wordmark-runner: #aeb8c4;
}