:root {
  /* Brand */
  --color-bg:           #0E0F12;
  --color-surface:      #16181D;
  --color-surface-2:    #1E2028;
  --color-text:         #F4F1EA;
  --color-muted:        #A7A39B;
  --color-accent:       #C8A04B;
  --color-accent-hover: #D9B463;
  --color-line:         #2A2D34;
  --color-success:      #5FB37A;

  /* Type */
  --font-display: "Fraunces", Georgia, serif;
  --font-body:    "Inter", system-ui, sans-serif;

  --step--1: clamp(0.83rem, 0.8rem + 0.2vw, 0.94rem);
  --step-0:  clamp(1rem,    0.95rem + 0.3vw, 1.13rem);
  --step-1:  clamp(1.2rem,  1.1rem + 0.6vw,  1.5rem);
  --step-2:  clamp(1.6rem,  1.4rem + 1.2vw,  2.25rem);
  --step-3:  clamp(2.1rem,  1.7rem + 2.4vw,  3.5rem);
  --step-4:  clamp(2.8rem,  2.1rem + 4vw,    5rem);

  /* Space */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 7rem;

  /* Layout */
  --container:        1140px;
  --container-narrow: 720px;
  --radius:           14px;
  --radius-sm:        8px;
  --transition:       220ms ease;
}