/* Visual tokens. Colors sampled from Noam's colored-light photo (Designer spec, Update 4).
   Change colors, gradients, font and radii here only. */
:root{
  --blue:#00A6F8; --indigo:#382A8C; --peri:#755AD6; --violet:#A45FE0; --magenta:#C858F3;
  --pink:#F17CDD; --coral:#E44C6D; --coral-d:#B2304F; --lilac:#A4A1FB; --cyan:#64DFFD; --cyan-d:#2A9FC0;
  --ice:#EEF3FF; --blush:#FFF6FB; --ink:#1E1838; --plum:#2F2852; --peri-d:#4B36A8;
  --white:#FFFFFF; --muted:#8A85A3; --line:#E2DEF2; --soft:#EEEAF8;

  --light: linear-gradient(160deg,#00A6F8 0%,#755AD6 38%,#C858F3 62%,#E44C6D 82%,#F17CDD 100%);
  --g-ready: linear-gradient(120deg,#64DFFD,#755AD6);
  --g-room: linear-gradient(180deg,#382A8C 0%,#755AD6 55%,#A45FE0 100%);
  --thumbs: linear-gradient(140deg,#00A6F8,#755AD6), linear-gradient(140deg,#E44C6D,#F17CDD), linear-gradient(140deg,#755AD6,#C858F3), linear-gradient(140deg,#64DFFD,#00A6F8);

  --chunk: 0 5px 0;           /* the solid bottom edge (Duolingo) */
  --font:'Heebo', -apple-system, 'Segoe UI', Arial, sans-serif;
  --r:22px; --pad:22px;
  --scrim:rgba(30,24,56,.45);
  color-scheme: light;
}