:root {
  /* Brand Palette */
  --bg-dark: #1a1a1a;
  --beige: #F0EAD6;
  --rose: #BC4749;
  --teal: #70A3A7;
  --charcoal: #403B33;
  --charcoal-light: #524c42;
  --gold: #f39c12;

  /* Typography */
  --font-heading: 'Fredoka', cursive, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-code: 'JetBrains Mono', monospace;

  /* UI Tokens */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --border-subtle: 1px solid var(--charcoal-light);
}

*, *::before, *::after { box-sizing: border-box; }

body {
  background-color: var(--bg-dark);
  color: var(--beige);
  font-family: var(--font-body);
  margin: 0;
  padding: 0;
}