/* FLOS — Color tokens
   מרפאת בוטיק לטיפול בהשמנה · רפואה אינטגרטיבית
   Forest green + sage accent, alternating cream / blue-gray / white surfaces. */

:root {
  /* ---- Base palette ---- */
  --flos-forest: #1B4D3E;        /* Primary — headings, CTA, header bg, accents */
  --flos-forest-700: #143A2F;    /* Darker forest — hover / pressed on forest */
  --flos-forest-900: #0E2A22;    /* Deepest forest — full-bleed panels */
  --flos-sage: #4CAF85;          /* Accent only — checkmarks, eyebrows, icons */
  --flos-sage-soft: #E4F1EA;     /* Sage at low intensity — tag backgrounds */

  --flos-cream: #F2EDE4;         /* Warm off-white section bg / card bg */
  --flos-blue-gray: #EAF0F0;     /* Cool alternate section bg / dividers */
  --flos-white: #FFFFFF;         /* Cards, inner panels, text areas */

  --flos-ink: #1A1A1A;           /* Body copy, headings on light */
  --flos-muted: #6B7280;         /* Secondary text, captions, subtitles */
  --flos-line: #DDD6CA;          /* Hairline borders on cream surfaces */
  --flos-line-cool: #D4DEDE;     /* Hairline borders on blue-gray surfaces */

  /* ---- Semantic aliases ---- */
  --color-primary: var(--flos-forest);
  --color-primary-hover: var(--flos-forest-700);
  --color-accent: var(--flos-sage);

  --text-heading: var(--flos-forest);    /* headings on light bg */
  --text-body: var(--flos-ink);
  --text-muted: var(--flos-muted);
  --text-on-dark: var(--flos-white);
  --text-eyebrow: var(--flos-sage);

  --surface-page: var(--flos-cream);
  --surface-page-alt: var(--flos-blue-gray);
  --surface-card: var(--flos-white);
  --surface-dark: var(--flos-forest);

  --border-soft: var(--flos-line);
  --border-cool: var(--flos-line-cool);

  /* Subtle hero overlay — forest → transparent, low opacity (per brand) */
  --overlay-hero: linear-gradient(180deg, rgba(27,77,62,0.28) 0%, rgba(27,77,62,0) 55%); /* @kind color */
}