:root{
  --display: 'Bricolage Grotesque', 'Onest', system-ui, sans-serif;
  --ui: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
}

:root{
  --paper: #F5F1EF;
  --card: #FFFFFF;
  --sunk: #EDE8DE;
  --hairline: #E7DFDA;
  --ink: #171310;
  --ink-soft: #5A514B;
  --ink-faint: #6E625C;
  --ember: #C6402B;
  --ember-deep: #A6321F;
  --ember-tint: #FBEFEC;
  --on-ember: #FFFFFF;
  --good: #1F5A3C;
  --good-tint: #E8F1EB;
  --warn: #8A5A11;
  --warn-tint: #FBF1E0;
  --bad: #A6321F;
  --bad-tint: #FBEAE6;
  --schedule-bright: #FF5A48;
  --connect-bright: #F59E2E;
  --reserve-bright: #FF478B;
  --consult-bright: #0F766E;
  --schedule: #C6402B;
  --connect: #A8600C;
  --reserve: #A8306B;
  --consult: #0F766E;
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --lift: 0 1px 2px rgba(23,19,16,.06), 0 4px 12px rgba(23,19,16,.05);
  --quick: 120ms cubic-bezier(.2,0,.2,1);
  --calm: 200ms cubic-bezier(.2,0,.2,1);
}

[data-product="schedule"], .p-schedule{
  --ember: var(--schedule);
  --ember-deep: #A6321F;
  --ember-tint: #FBEFEC;
}
[data-product="connect"],  .p-connect{
  --ember: var(--connect);
  --ember-deep: #8A4E09;
  --ember-tint: #FBF3E6;
}
[data-product="reserve"],  .p-reserve{
  --ember: var(--reserve);
  --ember-deep: #8A2758;
  --ember-tint: #FBEAF2;
}
[data-product="consult"],  .p-consult{
  --ember: var(--consult);
  --ember-deep: #0B5B55;
  --ember-tint: #E6F2F1;
}