`public/css/theme.css`

45 lines
/* Butlr palette — calm cobalt + warm ivory + alert amber.
   Sense: medical-waiting-room serenity with one sharp accent. */

:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --max-w: 1180px;
  --radius: 6px;
  --gap: 1.1rem;
}

html[data-theme='light'] {
  --bg:        #f6f3ec;
  --bg-alt:    #ecdfd5;
  --surface:   #ffffff;
  --border:    #d8cdb9;
  --text:      #18181b;
  --text-muted:#6b6354;
  --link:      #2545b3;
  --link-hover:#1a338e;
  --accent:    #2545b3;
  --accent-fg: #f6f3ec;
  --amber:     #d97706;
  --green:     #15803d;
  --red:       #b91c1c;
  --shadow:    0 1px 2px rgba(20,15,0,0.06), 0 6px 18px rgba(20,15,0,0.06);
}

html[data-theme='dark'] {
  --bg:        #0c0c10;
  --bg-alt:    #15151c;
  --surface:   #1c1c25;
  --border:    #2d2d3a;
  --text:      #f1ece1;
  --text-muted:#a59c87;
  --link:      #93b5ff;
  --link-hover:#bfd1ff;
  --accent:    #93b5ff;
  --accent-fg: #0c0c10;
  --amber:     #fbbf24;
  --green:     #4ade80;
  --red:       #f87171;
  --shadow:    0 1px 2px rgba(0,0,0,0.4), 0 6px 18px rgba(0,0,0,0.4);
}