:root {
  --ink: #171717;
  --muted: #656565;
  --paper: #fbfaf7;
  --panel: #ffffff;
  --line: #ded9cf;
  --red: #b7362c;
  --teal: #117a73;
  --gold: #c79022;
  --violet: #6651a6;
  --blue: #235c9f;

  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-md-lg: 10px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --shadow-sm: 0 8px 18px rgba(25, 24, 20, 0.1);
  --shadow-md: 0 12px 34px rgba(25, 24, 20, 0.18);
  --shadow-lg: 0 18px 50px rgba(25, 24, 20, 0.12);
  --shadow: var(--shadow-lg);
}