/* ---- Playful Bright Theme (My First Robot — kids workshops) ---- */
:root {
  --page-bg: #FFF8F0;
  --page-bg-gradient: linear-gradient(170deg, #FFF8F0 0%, #FFF3E6 50%, #FEF0E0 100%);
  --pattern-image: radial-gradient(circle, #E94560 1px, transparent 1px);
  --pattern-size: 28px 28px;
  --pattern-opacity: 0.06;

  --orb1-bg: radial-gradient(circle, rgba(233,69,96,.12) 0%, transparent 70%);
  --orb1-top: -60px; --orb1-right: -40px; --orb1-size: 260px;
  --orb2-bg: radial-gradient(circle, rgba(52,152,219,.1) 0%, transparent 70%);
  --orb2-bottom: 40px; --orb2-left: -50px; --orb2-size: 200px;

  --font-display: 'Baloo 2', cursive;
  --font-body: 'Nunito', sans-serif;
  --font-mono: 'Nunito', sans-serif;

  --text-primary: #2C3E50;
  --text-heading: #2C3E50;
  --text-secondary: #555;
  --text-muted: #BDC3C7;
  --text-secondary-dark: #4A4A4A;

  --accent-1: #E94560;
  --accent-1-dark: #C0392B;
  --accent-2: #3498DB;
  --accent-2-dark: #2471A3;
  --accent-3: #2ECC71;
  --accent-3-dark: #1E8449;
  --accent-4: #F39C12;
  --accent-4-dark: #D68910;
  --accent-5: #9B59B6;

  --card-bg: #fff;
  --card-border: 1.5px solid rgba(0,0,0,.04);
  --card-border-color: rgba(0,0,0,.04);
  --card-radius: 14px;
  --card-shadow: 0 2px 12px rgba(0,0,0,.05);
  --card-accent-dir: 90deg;

  --card-dark-bg: linear-gradient(135deg, #FDE8EC, #FEF0E0);
  --card-dark-text: #2C3E50;
  --card-dark-title: #E94560;
  --card-dark-body: #666;

  --highlight-bg: linear-gradient(135deg, #FDE8EC, #FEF0E0);
  --highlight-border-color: #E94560;
  --highlight-border-width: 2px;

  --badge-bg: #fff;
  --badge-border-color: #E94560;
  --badge-border-width: 2px;
  --badge-text: #C0392B;

  --dot-radius: 50%;

  --bullet-color: #E94560;
  --bullet-radius: 3px;
  --bullet-opacity: 1;

  /* Colored list-item bullet boxes for playful theme */
  --li-bg-1: #FDE8EC;
  --li-bg-2: #EBF5FB;
  --li-bg-3: #EAFAF1;
  --li-bg-4: #FEF5E7;

  --step-radius: 50%;
  --step-1-color: #E94560;
  --step-2-color: #3498DB;
  --step-3-color: #2ECC71;
  --step-4-color: #F39C12;
  --step-5-color: #9B59B6;

  --tag-bg-1: #FDE8EC; --tag-color-1: #C0392B;
  --tag-bg-2: #EBF5FB; --tag-color-2: #2471A3;
  --tag-bg-3: #EAFAF1; --tag-color-3: #1E8449;
  --tag-bg-4: #FEF5E7; --tag-color-4: #D68910;

  --chip-bg: #F0EDE6;
  --chip-color: #4A4A4A;
  --chip-border: #E0DCD3;

  --glow-bg-1: #FDE8EC;
  --glow-bg-2: #FEF0E0;
  --glow-border: #E94560;

  --cta-border: #E5D5C5;
  --btn-bg: linear-gradient(135deg, #E94560, #FF6B81);
  --btn-text: #fff;
  --btn-font-size: 14px;
  --btn-radius: 28px;
  --btn-shadow: 0 4px 14px rgba(233,69,96,.3);

  --title-size: 52px;
  --title-weight: 800;
  --title-letter-spacing: 0;
  --tagline-size: 16px;
  --tagline-weight: 600;
  --card-title-size: 15px;
  --card-title-transform: none;
  --card-title-spacing: 0;
  --brand-weight: 800;
}