/* Essence Infusing — brand colors and fonts.

   Every page loads this file first. Change a value here and it updates
   everywhere that color or font is used. Colors are hex codes (#RRGGBB).
   Shadows and dark photo overlays are deliberately not listed here: they
   are neutral and work with any palette. */

:root {
  /* ── Brand colors ───────────────────────────── */
  --herb:             #385723;  /* Green accent: highlights, icons, links */
  --amber:            #BF9000;  /* Gold accent: diamond markers, underlines, quote bars */
  --amber-text:       #684600;  /* Gold for small text labels, dark enough to read on light backgrounds */
  --amber-soft:       #E7C48A;  /* Light gold: buttons and text on dark sections */
  --amber-soft-hover: #EFD29E;  /* Light gold buttons when hovered */
  --amber-ink:        #3A2606;  /* Text on light gold buttons */
  --amber-ink-hero:   #2A1A06;  /* Text on the light gold button in the homepage hero */

  /* ── Page backgrounds and text ──────────────── */
  --paper:            #F2F3EC;  /* Main page background */
  --paper-2:          #E9EBE0;  /* Alternate section background */
  --card:             #FBFBF6;  /* Card backgrounds */
  --white:            #FFFFFF;  /* Popup background */
  --ink:              #1B2A20;  /* Main text, dark sections, dark buttons */
  --ink-soft:         #3A4A3E;  /* Secondary text */
  --ink-hover:        #13201A;  /* Dark buttons when hovered */
  --stone:            #7C7E70;  /* Muted text: dates, captions */
  --line:             #D6D8CA;  /* Borders and dividers */
  --line-strong:      #C2C4B4;  /* Borders when hovered */

  /* ── Dark sections (footer, signup band, homepage "problem" section) ── */
  --dark-field:       #243528;  /* Email box background */
  --dark-placeholder: #8FA08C;  /* "Your email" placeholder text */
  --dark-muted:       #A6B2A4;  /* Footer small print */
  --dark-text:        #C7CEC4;  /* Body text */
  --dark-text-strong: #DDE2DA;  /* Emphasized text */

  /* ── Insights card tints, by category ───────── */
  --tint-culinary:    #E5EADF;
  --tint-wellness:    #EDE6D5;
  --tint-pets:        #E3E7E2;
  --tint-beauty:      #EBE3DE;

  /* ── Smaller details ────────────────────────── */
  --sage-soft:        #E4EBE2;  /* Homepage app mockup and tags */
  --sage-line:        #C8D6C6;  /* Borders on those */
  --app-green:        #CFE0CB;  /* Homepage app mockup dots */
  --app-purple:       #D5CAE8;
  --copper:           #B07A52;  /* "By hand" icons on How it works */
  --summary-bg:       #EAEEE6;  /* "The short answer" box in articles */

  /* ── Fonts ──────────────────────────────────── */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;           /* Headings */
  --font-body:    'Hanken Grotesk', system-ui, -apple-system, sans-serif;  /* Body text */
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace; /* Small labels */
}