/* Word Buddy Design System — CSS tokens (subset used by the KEPU coming-soon page) */

:root {
  /* ─── Brand playful palette ─── */
  --wb-yellow:       #FFE66D;
  --wb-coral:        #FF8B5A;
  --wb-teal:         #4ECDC4;
  --wb-pink:         #FF6B9D;
  --wb-purple:       #C77DFF;
  --wb-mint:         #7BF1A8;
  --wb-peach:        #FFADAD;
  --wb-sky:          #B8E6FF;

  /* ─── Surfaces ─── */
  --wb-cream:        #F5F1E8;   /* app bg */
  --wb-paper:        #F5F3EE;
  --wb-white:        #FFFFFF;
  --wb-ink:          #000000;

  /* ─── Type families ─── */
  --wb-font-serif:   'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --wb-font-sans:    'Inter', system-ui, -apple-system, sans-serif;

  /* ─── Weights ─── */
  --wb-w-normal:   400;
  --wb-w-medium:   500;
  --wb-w-semibold: 600;
  --wb-w-bold:     700;

  /* ─── Radii ─── */
  --wb-radius-full: 9999px;

  /* ─── Elevation ─── */
  --wb-shadow:    0 4px 12px rgba(0, 0, 0, 0.08);

  /* ─── Motion ─── */
  --wb-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --wb-ease-out:    cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* ─── Semantic role mappings ─── */
  --wb-bg:           var(--wb-cream);
  --wb-fg:           var(--wb-ink);
  --wb-cta-bg:       var(--wb-ink);
  --wb-cta-fg:       var(--wb-white);
}