:root {
  --surface: #ffffff;
  --ink: #202b25;
  --muted: #626b62;
  --forest: #315846;
  --on-forest: #ffffff;
  --sage: #e8ede4;
  --sage-selected: #dce6d7;
  --outline: #7c897b;
  --divider: #b4bdae;
  --meeting-fill: #f3f6f0;
  --upcoming: #4d6895;
  --urgent: #9b3732;
  --calendar-rail: #3f6e9a;
  --scrim: rgba(32,43,37,0.32);
  --cal-black: #000000;
  --cal-gray: #888888;
  --cal-light-gray: #bbbbbb;
  --cal-red: #cc3333;
  --cal-yellow: #ddbb00;
  --cal-green: #228844;
  --cal-teal: #008888;
  --cal-blue: #3399bb;
  --cal-purple: #663399;
  --cal-navy: #334477;
  --cal-forest: var(--forest);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 9999px;
  --stroke-hairline: 1px;
  --stroke-frame: 2px;
  --target-min: 48px;
  --control-height: 48px;
  --chip-height: 40px;
  --selected-tool-box: 36px;
  --app-bar-phone: 64px;
  --app-bar-tablet: 48px;
  --nav-bar-phone: 64px;
  --sidebar-tablet: 300px;
  --dialog-narrow: 400px;
  --dialog-standard: 560px;
  --dialog-editor: 720px;
  --sheet-max-height: 800px;
  --scrollbar-lane: 16px;
  --font-sans: Roboto, system-ui, sans-serif;
  --font-hand: Caveat, cursive;
}