:root {
  /* Brand palette */
  --color-black: #0A0A0A;
  --color-red: #FF1E3C;
  --color-pink: #FF2E93;
  --color-lime: #C6FF00;
  --color-yellow: #FFD400;
  --color-orange: #FF6A1A;
  --color-cyan: #16E0FF;
  --color-blue: #0033ff;
  --color-purple: #B14BFF;
  --color-white: #ffffff;
  --color-gray-light: #ccc;
  --color-gray-mid: #888;
  --color-gray-mut: #666;
  --color-gray-nav: #aaa;
  --color-border-dark: #333;

  /* Type */
  --font-display: 'Archivo', sans-serif;
  --font-mono: 'Space Mono', monospace;
  --font-accent: 'Bricolage Grotesque', var(--font-display);

  /* Radii */
  --radius-pill: 999px;
  --radius-lg: 22px;
  --radius-md: 18px;
  --radius-sm: 12px;

  /* Hard offset shadow (signature Slamzees shadow) */
  --shadow-hard-sm: 5px 5px 0 var(--color-black);
  --shadow-hard-md: 7px 7px 0 var(--color-black);
  --shadow-hard-lg: 14px 14px 0 var(--color-red);
  --shadow-product: 12px 12px 0 rgba(10, 10, 10, .2);

  /* Section padding, fluid between mobile and desktop */
  --section-pad-y: clamp(2.5rem, 2rem + 2vw, 5.625rem);
  --section-pad-x: clamp(1.25rem, 4vw, 3.5rem);
}