/* Studio design tokens, shared by the sales site and the builder. */
:root {
  --paper: #f4efe4;
  --surface: #fffdf8;
  --surface-2: #ebe4d5;
  --ink: #17251d;
  --ink-2: #44524a;
  --line: #d8cfbd;
  --line-strong: #8f8572;

  --green: #1e4d3a;
  --green-700: #143628;
  --green-50: #e2ebe3;
  --brick: #a23f28;
  --sun: #f0c24b;

  --error: #a3261b;
  --error-50: #fbe9e6;
  --warn: #7a5000;
  --warn-50: #fbf0d9;
  --success: #1d6a42;
  --success-50: #e3f1e8;

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.5rem, 1.2rem + 1.2vw, 1.875rem);
  --step-3: clamp(2rem, 1.4rem + 2.6vw, 3rem);
  --step-4: clamp(2.625rem, 1.6rem + 4.6vw, 4.75rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: clamp(4.5rem, 3rem + 6vw, 8rem);

  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 22px;
  --shadow: 0 1px 0 rgb(23 37 29 / 0.05), 0 12px 32px -16px rgb(23 37 29 / 0.35);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 0.18s;
  --focus: 0 0 0 3px var(--paper), 0 0 0 6px var(--green);
}