:root {
  /* Palette */
  --c-sky-dark: #2A2738;
  --c-sky-mid: #4F4565;
  --c-orange: #E8722C;
  --c-red: #B83A2A;
  --c-cream: #F1E6CC;
  --c-gold: #C9A24E;
  --c-burgundy: #5C1A1A;
  --c-ink: #1A1722;

  /* Typography */
  --f-display: "Rubik Wet Paint", "Bagel Fat One", system-ui, sans-serif;
  --f-body: "Lora", "Georgia", serif;
  --f-mono: "Special Elite", "VT323", "Courier New", monospace;

  /* Sizes */
  --fs-hero: clamp(3rem, 8vw, 6.5rem);
  --fs-h2: clamp(2rem, 5vw, 3.5rem);
  --fs-h3: clamp(1.5rem, 3vw, 2rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;

  /* Spacing */
  --s-xs: 0.5rem;
  --s-sm: 1rem;
  --s-md: 2rem;
  --s-lg: 4rem;
  --s-xl: 8rem;

  /* Radii and shadows */
  --r-sm: 4px;
  --r-md: 12px;
  --shadow-wonky: 6px 8px 0 var(--c-ink), 12px 14px 24px rgba(0, 0, 0, 0.4);
  --shadow-soft: 0 6px 24px rgba(0, 0, 0, 0.4);

  /* Z-index layers */
  --z-content: 1;
  --z-nav: 50;
  --z-chaos: 100;
  --z-easter: 9999;
}