/* UtilityRunner portal theme generated from Design/design.json. */
:root {
    color-scheme: light;
    --brand-primary: #c9771c;
    --brand-primary-hover: #b56a18;
    --brand-primary-active: #a05d14;
    --brand-accent: #fec573;
    --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: #fffaf2;
    --portal-soft-surface: #fff1db;
    --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: #fff1db;
    --portal-alert-danger-surface: #fdeceb;
    --portal-alert-danger-text: #842029;
    --portal-public-surface: #ffffff;
    --portal-public-brand-color: #fff8ee;
    --portal-public-brand-background: linear-gradient(160deg, #fec573 0%, #c9771c 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, 248, 238, 0.22), transparent 34%);
    --utilityrunner-wordmark-runner: #596d88;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --brand-primary: #f0a04a;
    --brand-primary-hover: #f6b666;
    --brand-primary-active: #fec573;
    --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: #252d37;
    --portal-status-planned-text: #c7d0db;
    --portal-alert-surface: rgba(245, 158, 11, 0.16);
    --portal-alert-danger-surface: rgba(239, 68, 68, 0.16);
    --portal-alert-danger-text: #fca5a5;
    --portal-public-surface: #10151b;
    --utilityrunner-wordmark-runner: #c8d0da;
}