/*
Theme Name: Health Anim
Author: Andrew K.
Version: 1.0.0
Description: Health Anim — a light, airy wellbeing-education magazine theme: calm plain-language guides, a breathing pacer, soft pastel particle motion (Three.js + GSAP on the homepage only) and five switchable homepage layouts.
Text Domain: health-anim
*/

/* Fallback values only — they equal the mods functions.php seeds on
   activation. The Customizer's own inline <style> (wps_inline_styles(),
   printed on wp_head) always wins on a live site. Colors elsewhere are
   these variables or color-mix() derivations of them — never a literal.
   See docs/styling.md. */

:root {
  --primary-color: #3f7c61;
  --secondary-color: #b8a7f0;
  --text-color: #2c3a35;
  --text-muted: #6e7a75;
  --bg-color: #fbf8f3;
  --bg-light: #f3efe7;
  --surface-color: #ffffff;
  --border-color: #e4e3dc;
  --pastel-green: #86c5a4;
  --pastel-peach: #f4b49a;
  --pastel-sky: #9bd2ec;
  --positive-color: #3f7c61;
  --negative-color: #b5574a;
}

/* ==========================================================================
   Health Anim — design concept (from the approved start/ reference):
   light, airy, pastel sage / lavender / peach / sky on warm paper.
   Typography: Fraunces (titles, light + italic accents) + Plus Jakarta Sans
   (text); small labels use the system monospace stack (no third family).
   Shape language: very soft — pill buttons/tags, 26–44px card radii,
   frosted-glass surfaces, long diffuse green-tinted shadows.

   Breakpoints (mobile-first, min-width): 480 / 640 / 768 / 992 / 1200.
   Component styles live in assets/css/components/*.css.
   ========================================================================== */