/* nike-bold — brand-tinted for Kettle Kulture */
:root {
  --color-primary: #3ef0d4;
  --color-primary-dark: #1fbfa8;
  --color-primary-light: #7cf7e4;
  --color-accent: #3ef0d4;
  --color-bg: #090b0c;
  --color-surface: #121619;
  --color-text: #f4f2ec;
  --color-muted: #9ba4a7;

  --font-display: "Outfit", Impact, system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --fs-h1: clamp(4rem, 11vw, 9.5rem);
  --fs-h2: clamp(2.75rem, 6vw, 5.5rem);
  --fs-h3: clamp(1.75rem, 3vw, 2.5rem);
  --fs-h4: 1.5rem;
  --fs-h5: 1.125rem;
  --fs-body: clamp(1rem, 1.4vw, 1.125rem);
  --fs-small: 0.8125rem;
  --tracking-display: -0.055em;
  --tracking-display-uppercase: 0.08em;
  --leading-display: 0.86;
  --leading-body: 1.7;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;
  --space-10: 160px;
  --space-11: 200px;
  --space-12: 240px;

  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-full: 9999px;

  --shadow-sm: none;
  --shadow-md: 10px 10px 0 color-mix(in srgb, var(--color-primary) 18%, transparent);
  --shadow-lg: 16px 16px 0 color-mix(in srgb, var(--color-primary) 24%, transparent);
  --border-hairline: 1px solid color-mix(in srgb, var(--color-text) 16%, transparent);
  --border-thick: 2px solid var(--color-text);
}