:root {
  --pozan-black: #0b0b0d;
  --pozan-surface: #111114;
  --pozan-surface-2: #18181c;
  --pozan-white: #fafafa;
  --pozan-gray-300: #b8b8bf;
  --pozan-gray-500: #77777f;
  --pozan-gray-700: #34343a;
  --pozan-lime: #c7ff3d;
  --pozan-blue: #5b7cff;
  --pozan-violet: #9b7bff;
  --font-display: "Manrope", sans-serif;
  --font-meta: "DM Mono", monospace;
  --text-display: clamp(4rem, 9vw, 9rem);
  --text-h1: clamp(3rem, 7vw, 6rem);
  --text-h2: clamp(2.5rem, 5vw, 4.5rem);
  --text-h3: clamp(1.75rem, 3vw, 2.5rem);
  --text-body: 1rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --motion-fast: 160ms;
  --motion-base: 280ms;
  --motion-slow: 480ms;
  --motion-reveal: 700ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}
