/* Design tokens — Y2K pastel gamecore palette. Reference these vars, never hardcode hex values elsewhere. */
:root {
  /* Colors */
  --lg-pink: #FFD1EA;
  --lg-bubblegum: #FF6EC7;
  --lg-magenta: #FF2FB0;
  --lg-lavender: #E0D4FF;
  --lg-lilac: #C9B8FF;
  --lg-baby-blue: #BEE9FF;
  --lg-sky: #A7E8FF;
  --lg-mint: #B8FFE3;
  --lg-butter: #FFF3B0;
  --lg-white: #FFFFFF;
  --lg-off-white: #F5F5FF;
  --lg-ink: #2B0B3F;

  /* Sticker/tag accents */
  --lg-tag-mint: #7CFFB2;
  --lg-tag-orange: #FFC978;
  --lg-tag-sky: #8FD9FF;
  --lg-tag-pink: #FF9AD1;

  /* Gradients */
  --lg-gradient-hero: linear-gradient(135deg, var(--lg-pink), var(--lg-lilac), var(--lg-sky));
  --lg-gradient-btn: linear-gradient(180deg, var(--lg-bubblegum), var(--lg-magenta));

  /* Typography */
  --lg-font-display: "Fredoka", system-ui, sans-serif;
  --lg-font-body: "Quicksand", system-ui, sans-serif;
  --lg-font-pixel: "Silkscreen", monospace;

  /* Shape */
  --lg-radius-lg: 32px;
  --lg-radius-md: 24px;
  --lg-radius-sm: 12px;
  --lg-border-width: 3px;

  /* Shadow (sticker/comic offset shadow) */
  --lg-shadow-sticker: 4px 4px 0 var(--lg-ink);
  --lg-shadow-sticker-sm: 3px 3px 0 var(--lg-ink);

  /* Spacing */
  --lg-space-xs: 0.5rem;
  --lg-space-sm: 1rem;
  --lg-space-md: 1.5rem;
  --lg-space-lg: 2.5rem;
  --lg-space-xl: 4rem;
}