/* ============================================================
   Universe of Us — CSS Variables / Design Tokens
   ============================================================ */
:root {
  /* Space */
  --color-space: #050510;
  --color-space-deep: #000000;

  /* Nebula */
  --color-nebula-purple: #4A148C;
  --color-nebula-blue: #0D47A1;
  --color-nebula-rose: #880E4F;
  --color-nebula-teal: #004D40;

  /* Stars */
  --color-star-gold: #FFD700;
  --color-star-pink: #EC407A;
  --color-star-lavender: #CE93D8;
  --color-star-aqua: #26C6DA;
  --color-star-coral: #FF7043;
  --color-star-mint: #69F0AE;

  /* UI */
  --color-text: #FDFBF7;
  --color-warm-brown: #3E2723;
  --color-soft-pink: #FFE0E6;
  --color-accent-gold: #FFD700;
  --color-accent-rose: #FF6B9D;

  /* Fonts */
  --font-heading: 'Playfair Display', 'Georgia', serif;
  --font-body: 'Patrick Hand', 'Comic Sans MS', 'Chalkboard SE', cursive, sans-serif;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  /* Transitions */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 200ms;
  --duration-normal: 400ms;
  --duration-slow: 800ms;
}