:root {
  --cream: #F3E9DD;
  --cream-deep: #F3E9DD;
  --ink: #080808;
  --ink-soft: #221e20;
  --paper: #fff8ee;
  --teal: #55c3ac;
  --orange: #ff5a1f;
  --violet: #9b6dff;
  --blue: #174cff;
  --magenta: #ff2ea6;
  --white: #ffffff;
  --line: rgba(8, 8, 8, 0.16);
  --line-light: rgba(255, 255, 255, 0.2);
  --shadow: 0 28px 80px rgba(8, 8, 8, 0.16);
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --max: 1480px;
  --gutter: clamp(18px, 3.8vw, 64px);
  --section-y: clamp(76px, 10vw, 160px);
  --type-small: 0.88rem;
  --type-medium: 1.6rem;
  --type-large: 6rem;
  --font-display: "Gotham", "Gotham SSm", "Montserrat", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.76, 0, 0.24, 1);
  --header-h: 82px;
}

body.theme-dark {
  --line: rgba(255, 255, 255, 0.18);
}