/*
Theme Name: The Wellward
Author: Andrew K.
Version: 1.0.0
Description: The Wellward — an independent US health & wellness editorial platform: warm parchment/cream base with a deep muted teal-green primary and a clay-coral secondary, Merriweather editorial headlines paired with Inter for UI/body copy, a thin hand-drawn contour-line motif recurring through the page, and a restrained squared-to-softly-rounded shape language across cards, buttons and forms. Homepage runs Hero → About Us → General Health Information → four independently composed news-category sections (Featured Editorial, Horizontal Slider, Asymmetrical Grid, Minimal List) → a combined CTA/Newsletter band → Footer. Copy reads like a trusted, nuance-friendly editor — never clinical or medical-authority in tone.
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: #2f6e63;
  --secondary-color: #d97b5c;
  --text-color: #241f1b;
  --text-muted: #6b6055;
  --bg-color: #fbf6ee;
  --bg-light: #f3ecdf;
  --surface-color: #ffffff;
  --border-color: #e4dacb;
  --positive-color: #3e7a56;
  --negative-color: #c1543d;
}

/* ==========================================================================
   The Wellward 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: Merriweather (editorial-serif headlines, real magazine
   gravitas) paired with Inter (neutral, highly legible UI/body copy) —
   both from the whitelist, see docs/styling.md.

   Shape language: restrained, squared-to-softly-rounded corners throughout
   (cards/buttons 4–8px, never pill-shaped CTAs, never heavy organic blobs)
   with minimal flat elevation — see --radius-sm/--radius/--radius-lg in
   src/scss/base/_variables.scss. A thin hand-drawn contour-line SVG is this
   project's one recurring signature motif (hero, section dividers,
   newsletter band, page-header banner) — deliberately a *line*, not a
   blob-portrait mask.

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