:root {
  --color-background: #191512;
  --color-surface: #211c19;
  --color-chrome: #241e1a;
  --color-border: #2f2823;
  --color-text: #f4efe9;
  --color-text-body: #c9c0b7;
  --color-text-secondary: #a79d94;
  --color-muted: #948a81;
  --color-accent: #e0724b;
  --color-success: #61c454;
  --color-warning: ANSI 33;
  --color-error: ANSI 31;
  --color-light-background: #faf7f2;
  --color-light-surface: #f4efe6;
  --color-light-chrome: #ede4d6;
  --color-light-text: #1a1815;
  --color-light-text-body: #3d3630;
  --color-light-text-secondary: #5c544b;
  --color-light-muted: #726b62;
  --color-light-accent: #a4471c;
  --color-light-success: #2d6b22;
  --color-light-border: #e4dcd0;
  --space-xs: 6px;
  --space-sm: 12px;
  --space-md: 18px;
  --space-lg: 24px;
  --space-xl: 30px;
  --space-frame-top: 44px;
  --space-frame-inline: 52px;
  --space-frame-bottom: 38px;
  --type-display-size: 34px;
  --type-display-lh: 1.3;
  --type-page-display-size: 52px;
  --type-page-display-lh: 1.1;
  --type-heading-size: 19px;
  --type-heading-lh: 1.3;
  --type-body-size: 16px;
  --type-body-lh: 1.65;
  --type-label-size: 12px;
  --type-label-lh: 1.45;
  --type-code-size: 14.5px;
  --type-code-lh: 1.3;
  --radius-frame: 12px;
  --radius-panel: 10px;
  --radius-action: 7px;
  --radius-rule: none;
  --radius-pill: 999px;
  --radius-marker: 999px;
}