:root {
  /* Brand colors */
  --color-purple:  #6C63FF;
  --color-coral:   #FF6584;
  --color-mint:    #43E97B;
  --color-yellow:  #FFCE54;
  --color-orange:  #FF9F45;

  /* Neutral palette */
  --color-white:   #FFFFFF;
  --color-light:   #F8F7FF;
  --color-gray-50: #F0EFFE;
  --color-gray-100:#E8E5FF;
  --color-gray-400:#9B9BB4;
  --color-dark:    #1A1A2E;

  /* Aliases */
  --color-primary: var(--color-purple);
  --color-accent:  var(--color-coral);

  /* Per-game accent colors */
  --game-sentence-master:    #6C63FF;
  --game-preposition-master: #FF6584;
  --game-listening-master:   #00B4D8;
  --game-esaera:             #43E97B;
  --game-sayings-master:     #FFCE54;
  --game-frase-master:       #FF9F45;

  /* Typography */
  --font-family:    'Nunito', 'Helvetica Neue', sans-serif;
  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.25rem;
  --font-size-2xl:  1.5rem;
  --font-size-3xl:  1.875rem;
  --font-size-4xl:  2.25rem;
  --font-size-5xl:  3rem;
  --font-size-6xl:  3.75rem;

  /* Spacing (8px base) */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Border radii */
  --radius-sm:   0.5rem;
  --radius-md:   1rem;
  --radius-lg:   1.5rem;
  --radius-xl:   2rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-card:       0 4px 24px rgba(108, 99, 255, 0.12);
  --shadow-card-hover: 0 8px 40px rgba(108, 99, 255, 0.22);
  --shadow-nav:        0 2px 12px rgba(0, 0, 0, 0.08);

  /* Transitions */
  --transition-base: 0.2s ease;
  --transition-slow: 0.4s ease;

  /* Layout */
  --container-max: 1200px;
  --nav-height:    72px;
}