:root {
  --color-ink-950: #070708;
  --color-ink-900: #0c0c0f;
  --color-ink-850: #111116;
  --color-ink-800: #17171d;
  --color-paper-100: #f6f3ec;
  --color-paper-200: #ece8df;
  --color-white: #fbfaf7;
  --color-text: #f7f6f2;
  --color-muted: #aaa8b0;
  --color-muted-strong: #77747c;
  --color-ink-text: #16151a;
  --color-ink-muted: #66636b;
  --color-violet: #9b72ff;
  --color-violet-deep: #7058e8;
  --color-gold: #c7aa72;
  --color-laser: #70f5c3;

  --line-dark: rgba(255, 255, 255, 0.12);
  --line-light: rgba(22, 21, 26, 0.14);

  --font-display: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --container: 78rem;
  --gutter: clamp(1rem, 3vw, 2.5rem);
  --section-space: clamp(5.5rem, 10vw, 10rem);

  --radius-xs: 0.25rem;
  --radius-sm: 0.75rem;
  --radius-md: 1.5rem;
  --radius-pill: 999px;

  --shadow-soft: 0 1.5rem 5rem rgba(0, 0, 0, 0.24);
  --shadow-deep: 0 2rem 7rem rgba(0, 0, 0, 0.42);

  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --transition-fast: 180ms ease;
  --transition-medium: 360ms var(--ease-out);

  --header-height: 5.25rem;
  --content-z: 2;
  --header-z: 100;
  --overlay-z: 90;
}