/* ==========================================================================
   THEME · Playful  —  bright, rounded, bouncy. Fun consumer brands.
   Coral / Sunny yellow / Sky blue / Mint on soft cream. Big radii, soft shadows.
   ========================================================================== */
body.theme-playful {
  --font-head: "Fredoka", system-ui, sans-serif;
  --font-body: "Nunito", system-ui, sans-serif;

  --color-bg:        #fff6ee;
  --color-surface:   #ffffff;
  --color-surface-2: #ffeede;
  --color-text:      #3a2b3f;
  --color-muted:     #8a7a86;
  --color-border:    #ffd9c2;

  --color-primary:          #ff5a5f;   /* coral */
  --color-primary-contrast: #ffffff;
  --color-secondary:        #00b4d8;   /* sky */
  --color-accent:           #ffb703;   /* sunny */

  --color-success: #16b981;
  --color-warn:    #ff9505;
  --color-error:   #ff4d6d;

  --radius-sm: 12px;
  --radius:    20px;
  --radius-lg: 30px;
  --border-width: 2px;
  --shadow-sm: 0 3px 0 rgba(255, 90, 95, 0.18);
  --shadow:    0 10px 0 rgba(255, 90, 95, 0.14);
  --shadow-lg: 0 18px 40px rgba(255, 90, 95, 0.22);
}

/* Personality: chunky rounded, bouncy hover, dotted candy background */
body.theme-playful {
  background-image: radial-gradient(rgba(255, 183, 3, 0.18) 2px, transparent 2px);
  background-size: 26px 26px;
}
body.theme-playful h1, body.theme-playful h2, body.theme-playful h3,
body.theme-playful .card-title, body.theme-playful .hero h3 { font-weight: 600; letter-spacing: .2px; }
body.theme-playful .btn { border-radius: 999px; font-weight: 600; padding: .8rem 1.5rem; }
body.theme-playful .btn:hover { transform: translateY(-3px) rotate(-1deg); }
body.theme-playful .badge { border-radius: 999px; font-weight: 700; }
body.theme-playful .card,
body.theme-playful .pricing,
body.theme-playful .testimonial,
body.theme-playful .stat { border-radius: 24px; }
body.theme-playful .card:hover { transform: translateY(-6px) rotate(-1deg); }
body.theme-playful .card-media {
  background: linear-gradient(135deg, #ff5a5f, #ffb703 55%, #00b4d8);
}
body.theme-playful .input, body.theme-playful .textarea, body.theme-playful .select { border-radius: 16px; }
body.theme-playful .doc-canvas { background: #fff6ee; }