/* =============================================
   Pico CSS — CMM Theme Overrides
   Aligns Pico with CMM navy/cyan design system.
   Load after Pico, before styles.css.
   ============================================= */

/* Light mode: CMM palette */
[data-theme="light"],
:root:not([data-theme="dark"]) {
  --pico-font-family: 'Outfit', system-ui, sans-serif;
  --pico-primary: #1e2a47;
  --pico-primary-background: #2a3a5c;
  --pico-primary-underline: rgba(30, 42, 71, 0.5);
  --pico-primary-hover: #151d33;
  --pico-primary-hover-background: #1e2a47;
  --pico-primary-focus: rgba(34, 211, 238, 0.4);
  --pico-primary-inverse: #faf9f7;
  --pico-color: #0c1222;
  --pico-background-color: #faf9f7;
  --pico-muted-color: #64748b;
  --pico-muted-background-color: #e8ecf4;
}

/* Dark mode (auto): preserve Pico dark, use CMM accents */
@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --pico-font-family: 'Outfit', system-ui, sans-serif;
    --pico-primary: #22d3ee;
    --pico-primary-background: #0891b2;
    --pico-primary-hover: #67e8f9;
    --pico-primary-hover-background: #22d3ee;
    --pico-primary-focus: rgba(34, 211, 238, 0.375);
    --pico-primary-inverse: #0c1222;
  }
}

/* Dark mode (forced via data-theme="dark") */
[data-theme="dark"] {
  --pico-font-family: 'Outfit', system-ui, sans-serif;
  --pico-primary: #22d3ee;
  --pico-primary-background: #0891b2;
  --pico-primary-hover: #67e8f9;
  --pico-primary-hover-background: #22d3ee;
  --pico-primary-focus: rgba(34, 211, 238, 0.375);
  --pico-primary-inverse: #0c1222;
}

/* CMM uses .container for width; prevent Pico from constraining main */
main {
  max-width: none;
}