@import url("teal-chrome.css?v=1");
/* EcoGuard foundation: semantic values, independent of page geometry. */
:root {
  color-scheme: light;
  --eco-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --eco-navy: #142d46;
  --eco-blue: #075bc4;
  --eco-blue-hover: #03499f;
  --eco-grey-50: #f7f9fb;
  --eco-grey-100: #edf1f5;
  --eco-grey-200: #d8e0e8;
  --eco-grey-300: #b8c5d2;
  --eco-grey-400: #8a9baa;
  --eco-grey-500: #647688;
  --eco-grey-600: #4d6072;
  --eco-grey-700: #35495d;
  --eco-grey-800: #23374b;
  --eco-grey-900: #142637;
  --eco-bg: #f5f7fa;
  --eco-surface: #ffffff;
  --eco-surface-alt: #edf1f5;
  --eco-text: #203448;
  --eco-muted: #526579;
  --eco-border: #ccd7e1;
  --eco-control-border: #7a8fa2;
  --eco-focus: #075bc4;
  --eco-urgent: #b52035;
  --eco-urgent-bg: #fdebef;
  --eco-high: #a33e0c;
  --eco-high-bg: #fff0e5;
  --eco-medium: #805600;
  --eco-medium-bg: #fff5d6;
  --eco-low: #4d6072;
  --eco-low-bg: #edf1f5;
  --eco-pending: var(--eco-medium);
  --eco-pending-bg: var(--eco-medium-bg);
  --eco-verified: #075bc4;
  --eco-verified-bg: #eaf2ff;
  --eco-responding: #006d72;
  --eco-responding-bg: #e2f5f3;
  --eco-closed: #176b3d;
  --eco-closed-bg: #e6f5ec;
  --eco-rejected: #87414d;
  --eco-rejected-bg: #f8eaed;
  --eco-archived: #526579;
  --eco-archived-bg: #edf1f5;
  --eco-space-1: 4px;
  --eco-space-2: 8px;
  --eco-space-3: 12px;
  --eco-space-4: 16px;
  --eco-space-6: 24px;
  --eco-space-8: 32px;
  --eco-space-12: 48px;
  --eco-type-xs: 12px;
  --eco-type-sm: 14px;
  --eco-type-md: 16px;
  --eco-type-lg: 20px;
  --eco-type-xl: 24px;
  --eco-type-2xl: 32px;
  --eco-radius-control: 6px;
  --eco-radius-card: 8px;
  --eco-radius-pill: 999px;
  --eco-shadow-1: 0 1px 3px #1426370d;
  --eco-shadow-2: 0 4px 16px #14263714;
  --eco-shadow-3: 0 12px 36px #14263726;
  --eco-motion: 160ms ease-out;
  --eco-chart-1: #075bc4;
  --eco-chart-2: #006d72;
  --eco-chart-3: #a33e0c;
  --eco-chart-4: #87414d;
  --eco-chart-5: #176b3d;
  --eco-chart-6: #805600;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --eco-bg: #10191e;
  --eco-surface: #19262e;
  --eco-surface-alt: #25353e;
  --eco-text: #edf3f7;
  --eco-muted: #bac8d2;
  --eco-border: #455864;
  --eco-control-border: #8195a2;
  --eco-blue: #8abaff;
  --eco-blue-hover: #b1d2ff;
  --eco-focus: #8abaff;
  --eco-urgent: #ffabb7;
  --eco-urgent-bg: #49242d;
  --eco-high: #ffbf93;
  --eco-high-bg: #443125;
  --eco-medium: #f5d275;
  --eco-medium-bg: #3a3422;
  --eco-low: #c0cdd8;
  --eco-low-bg: #2c3c47;
  --eco-verified: #a7cbff;
  --eco-verified-bg: #243b55;
  --eco-responding: #89ddd5;
  --eco-responding-bg: #203b3b;
  --eco-closed: #9bdfb3;
  --eco-closed-bg: #233b2f;
  --eco-rejected: #e9b3bc;
  --eco-rejected-bg: #402c34;
  --eco-archived: #c0cdd8;
  --eco-archived-bg: #2c3c47;
  --eco-chart-1: #8abaff;
  --eco-chart-2: #89ddd5;
  --eco-chart-3: #ffbf93;
  --eco-chart-4: #e9b3bc;
  --eco-chart-5: #9bdfb3;
  --eco-chart-6: #f5d275;
}
@media (prefers-reduced-motion: reduce) {
  :root { --eco-motion: 0s; }
}