/* Blue theme — loaded after style.css when APP_THEME=blue */
:root {
  --bg: #F3F7FF; --card: #FFFFFF; --ink: #16213A; --ink-2: #3E4A66; --muted: #7E8AA6; --line: #E1E8F5;
  --accent: #2F6FE4; --accent-soft: #E3ECFD; --accent-ink: #1B4FB8;
  --blue: #0E9C8F; --blue-soft: #DFF5F1;            /* secondary (Day B, warm-up badges) becomes teal */
  --grad-a: #5B8DF5; --grad-b: #2F6FE4;
  --shadow: 0 2px 10px rgba(20, 50, 110, 0.07);
}
.card.accent { background: linear-gradient(135deg, var(--grad-a) 0%, var(--grad-b) 100%); box-shadow: 0 8px 24px rgba(47,111,228,0.28); }
.login .logo { background: linear-gradient(135deg, var(--grad-a), var(--grad-b)); box-shadow: 0 10px 28px rgba(47,111,228,0.3); }
.seg { background: #E6EDFA; }
.chip, .steps-how code { background: #EEF2FA; }
.set-in, .idea, textarea, .ed-in, .ed-ta { background: #F3F6FC; }
.set-in input::placeholder { color: #AEBBD8; }
.ch-band { fill: rgba(47, 111, 228, 0.10); }
.ch-daily { stroke: #9DB9F0; } .ch-dot { fill: #9DB9F0; } .lg-daily { background: #9DB9F0; } .lg-band { background: rgba(47, 111, 228, 0.18); }
.st-above, b.st-above { background: #E3ECFD; }
.bar.future .bar-v, .pthumb img, .cmp img { background: #ECF1FA; }
.restbar .rb-fill { background: rgba(47,111,228,0.5); }
.status.err, .restbar.done { background: var(--accent-ink); }
.pad button:active { background: var(--accent-soft); }
.warm { background: #FFF1E8; }