/* BUILD tokens.css : colors, type, spacing, borders, motion */
:root {
  --page: #FBF7EF;
  --surface: #F2EADF;
  --surface-2: #F7F1E6;
  --ink: #141414;
  --ink-soft: #3E3A34;
  --muted: #81796E;
  --line: rgba(20, 20, 20, 0.18);
  --line-strong: rgba(20, 20, 20, 0.34);
  --rust: #A83A17;
  --rust-dark: #7E2A12;
  --dark-band: #171715;
  --white: #FFFFFF;

  --max: 1180px;
  --gutter: 32px;
  --gutter-mobile: 20px;

  --font-display: "Big Shoulders Display", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;

  --radius-card: 10px;
  --radius-cta: 3px;
  --radius-band: 8px;
  --border: 1px solid var(--line);

  --ease: cubic-bezier(.22, .61, .36, 1);
  --fast: 160ms;
  --normal: 280ms;
  --slow: 520ms;

  --z-header: 50;
}