@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700&family=Roboto+Slab:wght@300;400;500;600;700&display=swap");

body.webinar{
  /* Brand anchors (AST 0-8) */
  /*--main-color-one:#1d53dd;*/
  /*--main-color-one-rgb:29,83,221;*/
  /*--main-color-two:#7296f2;*/
  /*--main-color-three:#103eb2;*/
  /*--main-color-four:#2a62ea;*/

  /*--secondary-color:#1b1f29;*/
  /*--secondary-color-two:#4b4f58;*/

  /* Background layers */
  /*--agency-section-bg:#ffffff;*/
  /*--agency-section-bg-2:#f9fbff;*/
  /*--agency-section-bg-3:#f3f6ff;*/

  /*--section-bg-1:#ffffff;*/
  /*--section-bg-2:#f9fbff;*/
  /*--section-bg-3:#f3f6ff;*/
  /*--section-bg-4:#eef3ff;*/
  /*--section-bg-5:#e8efff;*/
  /*--section-bg-6:#e0e3eb;*/
  /*--breadcrumb-bg:#f9fbff;*/

  /* Typography colors (default: inner pages readable) */
  /*--heading-color:#1b1f29;*/
  /*--heading-body-color:#1b1f29;*/
  /*--body-color:#4b4f58;*/
  /*--light-color:#1b1f29;*/
  /*--extra-light-color:#4b4f58;*/

  /* UI accents */
  /*--review-color:#1d53dd;
  --feedback-bg-item:#f9fbff;
  --new-color:#e0e3eb;*/ /* light divider/border */

  /* Fonts */
  --heading-font:'Montserrat',sans-serif;
  --body-font:'Inter',sans-serif;

  font-size:16px;
  font-weight:400;
  font-family:'Inter',sans-serif;
}

/* If homepage later uses dark backgrounds, override tokens here (CSS-first to avoid FOUC) */
body.webinar.home-page:has(.webinar-hero-area){
  /* Keep as inner-page defaults for this demo; reserved for future dark-hero variants */
}

/* Shop pages: override divider token */
body.webinar.shop-page,
body.webinar:has(.shop-area),
body.webinar:has(.shop-details-area),
body.webinar:has(.shop-details-cart-scroll-responsive){
  --new-color:#0046ff;
}