:root {
  --void: #000000;
  --carbon: #080808;
  --obsidian: #111111;
  --graphite: #171717;
  --slate: #242424;
  --fog: #333333;

  --paper: #ffffff;
  --bone: #cccccc;
  --silver: #999999;
  --smoke: #8c8c8c;
  --ash: #666666;

  --cyan: #0099ff;
  --cyan-dim: rgba(0, 153, 255, 0.35);
  --cyan-wash: rgba(0, 153, 255, 0.08);
  --deep-harbor: #021f33;

  --font-display: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-display-xl: clamp(2.75rem, 2.1rem + 4.6vw, 6.6rem);
  --text-display: clamp(2.1rem, 1.7rem + 2.6vw, 4rem);
  --text-heading-lg: clamp(1.7rem, 1.45rem + 1.6vw, 2.75rem);
  --text-heading: clamp(1.35rem, 1.2rem + 0.9vw, 1.9rem);
  --text-subheading: clamp(1.05rem, 0.98rem + 0.4vw, 1.3rem);
  --text-body: clamp(0.98rem, 0.94rem + 0.2vw, 1.08rem);
  --text-small: clamp(0.82rem, 0.8rem + 0.1vw, 0.92rem);
  --text-micro: 0.72rem;

  --space-2xs: clamp(0.4rem, 0.35rem + 0.2vw, 0.6rem);
  --space-xs: clamp(0.7rem, 0.6rem + 0.4vw, 1rem);
  --space-sm: clamp(1.1rem, 0.9rem + 0.8vw, 1.6rem);
  --space-md: clamp(1.8rem, 1.4rem + 1.6vw, 2.8rem);
  --space-lg: clamp(2.8rem, 2rem + 3.2vw, 5rem);
  --space-xl: clamp(4rem, 2.6rem + 5.6vw, 8rem);
  --space-2xl: clamp(5.5rem, 3.4rem + 8vw, 11rem);

  --edge: clamp(1.1rem, 0.6rem + 3.6vw, 5rem);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 15px;
  --radius-pill: 100px;

  --hairline: 1px solid rgba(255, 255, 255, 0.1);
  --hairline-cyan: 1px solid var(--cyan);

  --measure: 62ch;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}