:root{
/* ---- screen backdrops: one per activity category ---- */
--bg-app:var(--cream-50);
--bg-articulation-blow:linear-gradient(180deg,#FFF8E7 0%,#FFE8C8 50%,#FFDAB0 100%);
--bg-articulation-voice:linear-gradient(180deg,#EEE8FF 0%,#DDD4FF 50%,#C8BAFF 100%);
--bg-preliteracy:linear-gradient(180deg,#FFF5E0 0%,#FFE8C0 50%,#FFD8A0 100%);
--bg-emotion:linear-gradient(180deg,#FFF0F0 0%,#FFE0D8 50%,#FFD0C0 100%);

/* ---- candy fills ---- */
--grad-cta-orange:linear-gradient(90deg,var(--orange-400) 0%,var(--orange-600) 100%);
--grad-cta-amber:linear-gradient(90deg,var(--amber-400) 0%,var(--amber-500) 100%);
--grad-candy-coral:linear-gradient(180deg,var(--coral-300) 0%,var(--coral-500) 100%);
--grad-candy-amber:linear-gradient(180deg,#FFE060 0%,var(--amber-600) 100%);
--grad-mascot:linear-gradient(180deg,#FFE080 0%,var(--amber-600) 100%);
--grad-day-done:linear-gradient(180deg,var(--amber-500) 0%,var(--orange-500) 100%);
--grad-toggle-yes:linear-gradient(90deg,var(--surface-sky) 0%,#D0EEFA 100%);
--grad-support:linear-gradient(90deg,var(--surface-sky) 0%,#D4F0FA 100%);
--grad-tracker-header:linear-gradient(102.311deg,#FFECD4 0%,#FFD4A0 100%); /* @kind color */
--grad-letter-card:linear-gradient(180deg,var(--white) 0%,var(--cream-50) 100%);
--grad-progress-speech:linear-gradient(90deg,var(--violet-400) 0%,var(--violet-500) 100%);
--grad-progress-blow:linear-gradient(90deg,var(--sky-500) 0%,var(--sky-200) 100%);
--grad-spotlight:linear-gradient(180deg,rgba(255,255,255,.1882) 0%,rgba(255,255,255,.0627) 100%); /* @kind color */

/* ---- in-game scenery ---- */
--grad-sky-canvas:linear-gradient(180deg,var(--sky-canvas-top) 0%,var(--sky-canvas-mid) 50%,var(--sky-canvas-bottom) 100%);
--grad-ground:linear-gradient(180deg,var(--grass-light) 0%,var(--grass-dark) 100%);
--grad-night-stage:linear-gradient(180deg,var(--night-1) 0%,var(--night-2) 60%,var(--night-3) 100%);
--grad-thermo-hot:linear-gradient(180deg,var(--coral-300) 0%,var(--coral-500) 100%);
--grad-thermo-worry:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-500) 100%);
--grad-thermo-calm:linear-gradient(180deg,var(--grass-light) 0%,var(--green-500) 100%);
}