/* DripWell — Design Tokens
   Source of truth: "Drip Well Style Guide.html" + DESIGN_TOKENS.md from the handoff.
   ──────────────────────────────────────────────────────────────────────────
   FONTS: For launch this theme enqueues the four families from Google Fonts in
   functions.php (Fraunces, Instrument Serif, Geist, Geist Mono). For production
   performance, self-host woff2 files into assets/fonts/, uncomment the @font-face
   blocks at the bottom of this file, and remove the Google Fonts enqueue. */

:root {
  /* ── Brand ─────────────────────────────────────────── */
  --primary:        #0E7C8C;   /* Drip Aqua — headlines, primary buttons, links, wordmark accent */
  --primary-deep:   #094D58;   /* Deep Aqua — footer, dark sections, button hover */
  --primary-tint:   #D6ECEF;   /* Aqua Tint — soft cards, "what to expect" panels */
  --accent:         #E8F26A;   /* Electrolyte Citron — reserve for <=10% (one button / highlight) */
  --warm:           #F1E1C6;   /* Infusion Sand — warm card backgrounds */
  --rose:           #E8A6A6;   /* Recovery Rose — sparing accent */

  /* ── Neutrals ──────────────────────────────────────── */
  --ink:            #0B1B2B;   /* primary text */
  --ink-2:          #2B3D4D;   /* body text */
  --mute:           #6A7986;   /* captions, eyebrows, metadata */
  --line:           #E2E8EC;   /* borders, dividers */
  --paper:          #F6F8F7;   /* page background (the 60%) */
  --paper-2:        #FBFBF8;   /* raised surfaces, reversed text on aqua */
  --white:          #FFFFFF;   /* cards */

  /* ── Semantic ──────────────────────────────────────── */
  --success:        #2F8F6A;
  --warn:           #C98A2B;
  --error:          #B04A3F;

  /* ── Radius ────────────────────────────────────────── */
  --radius-sm:      8px;
  --radius:         14px;
  --radius-lg:      28px;
  --radius-pill:    999px;

  /* ── Type families ─────────────────────────────────── */
  --serif:  'Fraunces', Georgia, serif;
  --italic: 'Instrument Serif', Georgia, serif;
  --sans:   'Geist', ui-sans-serif, system-ui, sans-serif;
  --mono:   'Geist Mono', ui-monospace, monospace;

  /* ── Shadow ────────────────────────────────────────── */
  --shadow-card: 0 20px 40px -20px rgba(9, 77, 88, 0.20);

  /* ── Layout ────────────────────────────────────────── */
  --maxw:    1180px;
  --pad-x:   56px;
  --nav-h:   60px;
}

/* ── Self-hosted fonts ───────────────────────────────────
   Drop woff2 files into assets/fonts/ then uncomment. */
/*
@font-face { font-family:'Fraunces'; src:url('../fonts/Fraunces-Light.woff2') format('woff2'); font-weight:300; font-display:swap; }
@font-face { font-family:'Fraunces'; src:url('../fonts/Fraunces-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Instrument Serif'; src:url('../fonts/InstrumentSerif-Italic.woff2') format('woff2'); font-style:italic; font-weight:400; font-display:swap; }
@font-face { font-family:'Geist'; src:url('../fonts/Geist-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Geist'; src:url('../fonts/Geist-Medium.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'Geist'; src:url('../fonts/Geist-SemiBold.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'Geist Mono'; src:url('../fonts/GeistMono-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Geist Mono'; src:url('../fonts/GeistMono-Medium.woff2') format('woff2'); font-weight:500; font-display:swap; }
*/