/**
 * ZenGo homepage design tokens — extracted directly from index-1.psd
 * (layer-level Font/FontSize/FillColor + pixel-sampled section backgrounds).
 *
 * Loaded alongside the theme's existing --ao-* tokens in style.css.
 * Does NOT overwrite --ao-* — everything here is namespaced --zg-*
 * so existing blue-themed pages/widgets are unaffected.
 *
 * Apply by adding a body/page class, e.g. <body class="zg-theme">,
 * and scoping widget CSS to `.zg-theme .carelyst-widget-xyz { ... }`.
 */

:root {
  /* ===== COLOR ===== */
  --zg-cream:            #F0E6DD;  /* hero / alternating section backgrounds */
  --zg-white:            #FFFFFF;
  --zg-terracotta:       #CA9285;  /* primary buttons, links, eyebrow labels */
  --zg-terracotta-text:  #CA9285;
  --zg-sage:             #6D847E;  /* dark green section backgrounds (How-it-Works, Wellness CTA) */
  --zg-sage-light:       #CADFDA;  /* icon circle backgrounds */
  --zg-maroon:           #503232;  /* footer background */
  --zg-ink:              #002222;  /* darkest heading color (near-black, slight teal cast) */
  --zg-heading:          #000000;  /* standard heading color */
  --zg-body-text:        #555555;  /* paragraph copy */
  --zg-body-text-dark:   #222222;
  --zg-meta-text:        #333333;  /* card meta: dates, view counts */
  --zg-price-text:       #2E2E2E;  /* pricing plan $ amounts */
  --zg-divider:          #DDDDDD;

  /* ===== TYPOGRAPHY ===== */
  --zg-font-display: "Playfair Display", serif;   /* all headings / quotes */
  --zg-font-heading-weight-regular: 400;
  --zg-font-heading-weight-medium:  500;
  --zg-font-heading-weight-semibold:600;

  --zg-font-accent:  "Poppins", sans-serif;        /* nav, buttons, eyebrow labels, small UI text */
  --zg-font-body:    "Work Sans", sans-serif;       /* paragraphs, card meta, list items */

  /* ===== TYPE SCALE (desktop, from PSD) ===== */
  --zg-text-hero-h1:        60px;  /* "Discover Trusted Healthcare Experts Near You" (Playfair Regular) */
  --zg-text-h2:              59px;  /* section titles: "Services we offer", "Latest News" (Playfair Regular) */
  --zg-text-pullquote:       60px;  /* "The only portal that promotes..." (Playfair SemiBold) */
  --zg-text-heroquote:       66px;  /* "Create a TASK and let therapists find you" (Playfair Medium) */
  --zg-text-h3:              51px;  /* "Your Welness, Your Way" (Playfair SemiBold) */
  --zg-text-h4:              50px;  /* "We'r Leader in this Market." (Playfair Regular) */
  --zg-text-card-title-lg:   43px;  /* pricing plan name e.g. "Premium" (Playfair SemiBold) */
  --zg-text-testimonial:     40px;  /* quote body (Work Sans Regular) */
  --zg-text-person-name:     35px;  /* testimonial author (Work Sans SemiBold) */
  --zg-text-subsection:      34px;  /* "Rather than having you search for them." (Work Sans Medium) */
  --zg-text-card-title-md:   32px;  /* blog card title / service card title (Playfair Medium) */
  --zg-text-button-lg:       30px;  /* "Create a TASK" (Work Sans SemiBold) */
  --zg-text-doctor-name:     27px;  /* "Robin Wood" etc (Playfair SemiBold) */
  --zg-text-button-md:       25px;  /* "Start now" (Poppins Medium) */
  --zg-text-eyebrow-lg:      24px;  /* "TESTIMONIALS", "READ ARTICLES", "Top Rated Doctors" (Poppins/Work Sans SemiBold) */
  --zg-text-nav:             22px;  /* header nav links (Poppins Medium) */
  --zg-text-body-lg:         24px;  /* hero paragraph, "Compassionate care..." intro (Poppins Regular) */
  --zg-text-body-md:         20px;  /* about paragraph, plan descriptions (Poppins Regular) */
  --zg-text-body-sm:         18.7px;/* faq answer text (Work Sans Regular) */
  --zg-text-caption:         16px;  /* card meta, price, button labels (Poppins/Work Sans) */

  /* ===== SPACING / RADIUS (sampled from shape bboxes) ===== */
  --zg-radius-pill: 999px;    /* buttons */
  --zg-radius-card: 12px;     /* service/blog/doctor cards */
  --zg-icon-circle-size: 72px;
}