:root {
  --color-bedtime-purple:     #6B4E96;
  --color-bedtime-purple-lt:  #8B5FBF;
  --color-bedtime-navy:       #1A1A2E;
  --color-bedtime-navy-lt:    #16213E;
  --color-star-yellow:        #FFD700;
  --color-moonlight-blue:     #5B7FDE;
  --color-dream-pink:         #E89BB8;
  --color-sleepy-green:       #7FB685;

  --bg-base:       #0F0F1E;
  --bg-surface:    #1A1A2E;
  --bg-elevated:   #242442;
  --bg-overlay:    rgba(26, 26, 46, 0.72);

  --text-primary:   #F4F1FA;
  --text-secondary: #C5BFD6;
  --text-muted:     #8C85A3;
  --text-inverse:   #1A1A2E;

  --border-subtle:  rgba(139, 95, 191, 0.18);
  --border-default: rgba(139, 95, 191, 0.32);
  --border-strong:  rgba(139, 95, 191, 0.55);

  --color-success: #7FB685;
  --color-warn:    #FFD166;
  --color-danger:  #EF6F6C;

  --font-serif: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --font-sans:  "Avenir Next", Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.5rem;
  --text-5xl:  3.5rem;
  --text-hero: clamp(2.25rem, 5vw + 1rem, 4.5rem);

  --leading-tight:  1.15;
  --leading-snug:   1.3;
  --leading-normal: 1.55;
  --leading-loose:  1.75;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --radius-sm:   6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  32px;
  --radius-full: 9999px;

  --shadow-sm:  0 1px 2px rgba(0,0,0,0.3);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.35);
  --shadow-lg:  0 12px 32px rgba(0,0,0,0.45);
  --shadow-dreamy-glow: 0 0 48px rgba(139, 95, 191, 0.35),
                        0 0 96px rgba(91, 127, 222, 0.18);
  --shadow-star-glow:   0 0 12px rgba(255, 215, 0, 0.6);

  --gradient-night-sky: radial-gradient(ellipse at 70% 20%,
                          #2D1B4E 0%,
                          #1A1A2E 45%,
                          #0F0F1E 100%);
  --gradient-aurora:    linear-gradient(135deg,
                          #6B4E96 0%,
                          #5B7FDE 50%,
                          #1A1A2E 100%);
  --gradient-moonlight: linear-gradient(180deg,
                          rgba(255,215,0,0.12) 0%,
                          rgba(91,127,222,0.08) 100%);
  --gradient-card:      linear-gradient(180deg,
                          rgba(139,95,191,0.08) 0%,
                          rgba(26,26,46,0.0) 100%);

  --ease-gentle:  cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-dreamy:  cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast:  160ms;
  --dur-base:  280ms;
  --dur-slow:  560ms;

  --container-max: 1200px;
  --container-prose: 68ch;
  --header-height: 72px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}