:root {
  color-scheme: light;
  --carbon: #121317;
  --ink-soft: #4f534f;
  --muted: #676b66;
  --ground: #f7f8f5;
  --paper: #fff;
  --report-ground: #ebede8;
  --rule: #d9dcd5;
  --rule-strong: #aeb3ac;
  --cobalt-pale: #eef1ff;
  --cobalt-light: #aebbff;
  --cobalt-mid: #7186e8;
  --cobalt: #1538c2;
  --cobalt-dark: #0c217d;
  --orange: #f15a24;
  --orange-dark: #8b2704;
  --orange-pale: #fff0e9;
  --lime: #bed600;
  --lime-dark: #5a6900;
  --magenta: #d8247c;
  --magenta-pale: #ffe8f3;
  --font: "Spline Sans", "Helvetica Neue", Arial, sans-serif;
  --mono: "Azeret Mono", ui-monospace, monospace;
  --text-micro: 0.75rem;
  --text-label: 0.75rem;
  --text-small: 0.875rem;
  --text-caption: 0.875rem;
  --text-body: 1rem;
  --text-body-large: 1.25rem;
  --text-title: 1.25rem;
  --text-heading: 2rem;
  --text-heading-large: 2.5rem;
  --display-hero: clamp(4rem, 7.2vw, 8.6rem);
  --display-page: clamp(3.4rem, 7vw, 7rem);
  --display-section: clamp(2.4rem, 4.4vw, 5.2rem);
  --display-report: clamp(3rem, 6vw, 5.8rem);
  --display-intake: clamp(3rem, 5vw, 6rem);
  --display-mobile: clamp(3.3rem, 17vw, 5.4rem);
  --control-radius: 2px;
  --compact-radius: 3px;
  --surface-radius: 5px;
  --motion-standard: 240ms cubic-bezier(0.16, 1, 0.3, 1);
  --motion-signal: 900ms cubic-bezier(0.16, 1, 0.3, 1);
}