/*
Theme Name: Better Days Dispatch
Author: Andrew K.
Version: 1.0.0
Description: Better Days Dispatch — a neutral, independent US health & wellness blog: warm cream/sage/terracotta palette, Lora display type paired with Plus Jakarta Sans, organic blob motifs and a soft rounded shape language across cards, buttons and forms. Homepage runs Hero → Benefits → FAQ → Process → Health Info → four independently composed news sections (Featured Editorial, Horizontal Slider, Asymmetrical Grid, Minimal List) → Team → a combined CTA/Newsletter band → Footer. Copy is deliberately neutral/blog-toned — no clinical or medical-authority claims.
Text Domain: wp-starter
*/

/* Colors here are variables only (--primary-color, --secondary-color,
   --text-color, --text-muted, --bg-color, --bg-light, --surface-color,
   --border-color, plus shades derived from them via color-mix()) — never a
   hardcoded value. See docs/styling.md for the full mod->variable map.
   Fallback values below match the defaults functions.php seeds on
   activation; the Customizer's own inline <style> (printed after this
   file, from wps_inline_styles() on wp_head) always wins in practice. */

:root {
  --primary-color: #3f6c51;
  --secondary-color: #e1734f;
  --text-color: #232a22;
  --text-muted: #767b6f;
  --bg-color: #fbf7ef;
  --bg-light: #f1eada;
  --surface-color: #ffffff;
  --border-color: #e6dcc5;
  --positive-color: #3e7a56;
  --negative-color: #c1543d;
}

/* ==========================================================================
   Better Days Dispatch design concept — derived independently from this
   project's own brief, not carried over from the starter's neutral
   placeholder or any prior client build (see CLAUDE.md's design-
   uniqueness rule).

   Typography: Lora (display/editorial headlines) paired with Plus Jakarta
   Sans (clean, modern, highly-readable UI/body copy) — both from the
   whitelist, see docs/styling.md.

   Shape language: soft, organic rounded corners throughout (cards, buttons,
   inputs, badges) — see --radius-sm/--radius/--radius-lg/--radius-pill in
   src/scss/base/_variables.scss — deliberately warmer/rounder than the
   starter's modest default, echoing the brief's "organic shapes" direction.

   Breakpoints (mobile-first, min-width, match docs/responsive conventions):
   480 / 640 / 768 / 992 / 1200 — see .claude/skills/responsive/SKILL.md
   ========================================================================== */