:root {
  --ink: #040C15;
  --ink-strong: #0B0B0B;
  --ink-time: #061528;
  --ink-label: #212121;
  --muted: #7A7977;
  --line: #E2E1DE;
  --line-soft: #F2F2F0;
  --canvas: #FAFAF9;
  --surface: #F9F8F6;
  --surface-raised: #FFFFFF;
  --brand: #0072F5;
  --brand-soft: #F2F7FC;
  --brand-wash: rgba(0, 114, 245, 0.1);
  --on-brand: #FFFFFF;
  --on-brand-soft: rgba(255, 255, 255, 0.96);
  --danger: #B21B1B;
  --danger-wash: rgba(178, 27, 27, 0.1);
  --homework-fg: #198B35;
  --homework-bg: #DCF8E3;
  --mastery-fg: #88560B;
  --mastery-bg: #FFF5D7;
  --spent-fg: rgba(11, 11, 11, 0.64);
  --accent: #D7FC3D;
  --on-accent: #040C15;
  --send-off-bg: rgba(11, 11, 11, 0.08);
  --send-off-fg: rgba(11, 11, 11, 0.24);

  --s2: 2.67px;
  --s3: 4px;
  --s4: 5.33px;
  --s5: 6.67px;
  --s7: 9.33px;
  --s8: 10.67px;
  --s10: 13.33px;
  --s12: 16px;
  --s15: 20px;
  --s16: 21.33px;
  --s20: 26.67px;
  --s50: 66.67px;
  --s100: 133.33px;

  --r8: 10.67px;
  --r10: 13.33px;
  --r12: 16px;
  --r14: 18.67px;
  --r-pill: 999px;

  --w-shell: 1173.33px;
  --w-filters: 562.67px;
  --w-send: 200px;
  --w-toast: 418.67px;
  --h-mark: 37.33px;
  --h-tick: 42.67px;
  --h-head: 60px;
  --h-select: 45.33px;
  --h-send: 53.33px;
  --h-card: 90.67px;
  --h-bar: 25.33px;
  --caret-inset: 14.67px;

  --i-pin: 13.33px;
  --i-caret: 16px;
  --i-info: 21.33px;
  --i-check: 26.67px;
  --i-chevron: 32px;

  --f9: 12px;
  --f10: 13.33px;
  --f12: 16px;
  --f14: 18.67px;
  --f16: 21.33px;
  --f36: 48px;

  --lh-xs: 16px;
  --lh-day: 16.13px;
  --lh-sm: 17.33px;
  --lh-send: 20.8px;
  --lh-body: 24px;
  --lh-title: 24.27px;
  --lh-name: 28px;
  --lh-lede: 32px;
  --lh-hero: 57.33px;

  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;
  --track-hero: -0.02em;

  --cols-week: 7;
  --cols-narrow: 2;
  --turn-half: 180deg;
  --dim-spent: 0.6;
  --fill: 100%;

  --stroke: 1.33px;
  --stroke-2: 2.67px;
  --t-fast: 120ms;
  --t-base: 180ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

:root[data-theme="dark"] {
  --ink: #fff9f1;
  --ink-strong: #fff9f1;
  --ink-time: #fff9f1;
  --ink-label: rgba(255, 249, 241, 0.82);
  --muted: rgba(255, 249, 241, 0.55);
  --line: rgba(255, 249, 241, 0.14);
  --line-soft: #353535;
  --canvas: #212121;
  --surface: #2c2c2c;
  --surface-raised: #353535;
  --brand: #90caf9;
  --brand-soft: rgba(0, 114, 245, 0.18);
  --brand-wash: rgba(0, 114, 245, 0.18);
  --on-brand: #111111;
  --on-brand-soft: rgba(17, 17, 17, 0.88);
  --danger: #ef9a9a;
  --danger-wash: rgba(178, 27, 27, 0.18);
  --homework-fg: #a5d6a7;
  --homework-bg: rgba(25, 139, 53, 0.18);
  --mastery-fg: #e8b774;
  --mastery-bg: rgba(136, 86, 11, 0.18);
  --spent-fg: rgba(255, 249, 241, 0.55);
  --send-off-bg: rgba(255, 249, 241, 0.08);
  --send-off-fg: rgba(255, 249, 241, 0.45);
}