/* PCIT Tracker status page theme — matches app palette from pcit/app globals.css */

:root {
  --body-background-color: #f7fcfe;
  --body-text-color: #141a1f;
  --card-background-color: #ffffff;
  --nav-background-color: #ffffff;
  --nav-border-bottom-color: #c8e6f2;
  --nav-current-border-bottom-color: #0088cc;
  --card-border-color: #c8e6f2;
  --down-border-left-color: #ff0000;
  --down-background-color: #ffe6e6;
  --degraded-border-left-color: #ff9933;
  --up-border-left-color: #00b33c;
  --tag-color: #ffffff;
  --tag-up-background-color: #00b33c;
  --tag-down-background-color: #ff0000;
  --tag-degraded-background-color: #ff9933;
  --change-background-color: #ebf6f9;
  --error-button-border-color: #006699;
  --error-button-background-color: #0088cc;
  --error-button-color: #ffffff;
  --submit-button-border-color: #006699;
  --submit-button-background-color: #0088cc;
  --submit-button-color: #ffffff;
  --graph-opacity: 1;
  --graph-filter: none;
}

@media (prefers-color-scheme: dark) {
  :root {
    --body-background-color: #020608;
    --body-text-color: #f9fafb;
    --card-background-color: #0a1419;
    --nav-background-color: #0a1419;
    --nav-border-bottom-color: #143040;
    --nav-current-border-bottom-color: #66ccff;
    --card-border-color: #143040;
    --down-border-left-color: #ff6666;
    --down-background-color: #330000;
    --degraded-border-left-color: #ffaa66;
    --up-border-left-color: #33cc66;
    --tag-color: #ffffff;
    --tag-up-background-color: #33cc66;
    --tag-down-background-color: #ff6666;
    --tag-degraded-background-color: #ffaa66;
    --change-background-color: #001a33;
    --error-button-border-color: #004d99;
    --error-button-background-color: #66ccff;
    --error-button-color: #020608;
    --submit-button-border-color: #004d99;
    --submit-button-background-color: #66ccff;
    --submit-button-color: #020608;
    --graph-opacity: 0.92;
    --graph-filter: brightness(0.95) contrast(1.05);
  }
}