:root {
  --yellow: #f3cf3a;
  --yellow-deep: #e8c322;
  --paper: #f6f2ea;
  --paper-2: #efeadf;
  --white: #fbf8f3;
  --ink: #12110f;
  --ink-2: #3f3a33;
  --ink-3: #6c655c;
  --line: rgba(18, 17, 15, 0.08);
  --line-strong: rgba(18, 17, 15, 0.14);
  --orange: #ff7a22;
  --pink: #f56caf;

  --serif: "Fraunces", Georgia, serif;
  --sans: "Inter", system-ui, sans-serif;
  --mono: "IBM Plex Mono", monospace;

  --pad: clamp(20px, 4vw, 48px);
  --section-space: clamp(88px, 11vw, 156px);
  --radius-sm: 18px;
  --radius-md: 28px;
  --radius-lg: 40px;

  --shadow-soft: 0 12px 40px rgba(18, 17, 15, 0.08);
  --shadow-card: 0 16px 50px rgba(18, 17, 15, 0.08);

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 180ms;
  --t-mid: 320ms;
  --t-slow: 560ms;
}