:root {
  --sage-brand: #153f35;
  --sage-on-brand: #ffffff;
  --sage-label: #9FE1CB;
  --sage-pill-bg: #085041;
  --sage-pill-text: #E1F5EE;

  --sage-ok-bg: #E1F5EE;
  --sage-ok-title: #085041;
  --sage-ok-text: #0F6E56;
  --sage-gauge: #1D9E75;

  --sage-warn-bg: #FAEEDA;
  --sage-warn-title: #633806;
  --sage-warn-text: #854F0B;

  --sage-bad-bg: #FCEBEB;
  --sage-bad-text: #A32D2D;

  --sage-neutral-bg: #F1EFE8;
  --sage-neutral-text: #444441;

  --sage-surface: #ffffff;
  --sage-surface-2: #f6f5f1;
  --sage-text: #1a1a18;
  --sage-text-2: #5f5e5a;
  --sage-border: rgba(0,0,0,0.12);
  --sage-radius-card: 12px;
  --sage-radius: 8px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sage-ok-bg: #085041;  --sage-ok-title: #E1F5EE;  --sage-ok-text: #9FE1CB;
    --sage-warn-bg: #633806; --sage-warn-title: #FAEEDA; --sage-warn-text: #FAC775;
    --sage-bad-bg: #791F1F;  --sage-bad-text: #F7C1C1;
    --sage-neutral-bg: #444441; --sage-neutral-text: #D3D1C7;
    --sage-surface: #1f1f1d; --sage-surface-2: #2a2a27;
    --sage-text: #f1efe8; --sage-text-2: #b4b2a9;
    --sage-border: rgba(255,255,255,0.14);
  }
}
:root[data-theme="dark"] {
    --sage-ok-bg: #085041;  --sage-ok-title: #E1F5EE;  --sage-ok-text: #9FE1CB;
    --sage-warn-bg: #633806; --sage-warn-title: #FAEEDA; --sage-warn-text: #FAC775;
    --sage-bad-bg: #791F1F;  --sage-bad-text: #F7C1C1;
    --sage-neutral-bg: #444441; --sage-neutral-text: #D3D1C7;
    --sage-surface: #1f1f1d; --sage-surface-2: #2a2a27;
    --sage-text: #f1efe8; --sage-text-2: #b4b2a9;
    --sage-border: rgba(255,255,255,0.14);
}