/* Smans palette from smans.com: navy #00224B, green #68A236,
   neutral surfaces #F7F8F9 / #E3E8EC, and alert red #DB4128. */
:root {
  --color-text:          #00224B;
  --color-text-muted:    #405978;
  --color-bg:            #F7F8F9;
  --color-surface:       #FFFFFF;
  --color-border:        #C8D2D8;
  --color-primary:       #00224B;
  --color-primary-hover: #264366;
  --color-primary-20:    rgba(0, 34, 75, 0.09);
  --color-secondary:     #405978;
  --color-secondary-20:  rgba(64, 89, 120, 0.12);
  --color-brand-green:   #68A236;
  --color-accent:        #578B29;
  --color-accent-20:     rgba(104, 162, 54, 0.14);
  --color-muted-20:      rgba(145, 165, 178, 0.16);
  --color-overlay:       rgba(0, 34, 75, 0.6);
  --color-on-primary:    #FFFFFF;
  --color-hover:         rgba(0, 34, 75, 0.04);
  --color-active:        #E3E8EC;
  --color-error:         #B8321C;
  --color-error-bg:      rgba(219, 65, 40, 0.1);

  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-code: 'JetBrains Mono', 'Fira Code', monospace;
  --radius: 10px;
  --radius-sm: 6px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-text:          #F7F8F9;
    --color-text-muted:    #C8D2D8;
    --color-bg:            #001A39;
    --color-surface:       #00224B;
    --color-border:        #405978;
    --color-primary:       #91C965;
    --color-primary-hover: #A6D87D;
    --color-primary-20:    rgba(104, 162, 54, 0.2);
    --color-on-primary:    #00224B;
    --color-hover:         rgba(255, 255, 255, 0.06);
    --color-active:        #264366;
    --color-accent:        #A6D87D;
    --color-error:         #F28A76;
  }
}