/**
 * Medwol brand palette — aligned with medwol-hero-pp-boxes.png
 * (industrial blue boxes, neutral gray, white / light concrete tones).
 * Loaded after style.css; requires body.medwol-theme.
 */

body.medwol-theme {
  /* Primary accent — vibrant blue from stacked PP boxes */
  --tanspot-base: #1e73be;
  --tanspot-base-rgb: 30, 115, 190;

  /* Dark UI — deep blue-slate (headers, hero, footer, button disc) */
  --tanspot-black: #15232f;
  --tanspot-black-rgb: 21, 35, 47;

  /* Body / secondary text — cool slate gray */
  --tanspot-gray: #4a5568;
  --tanspot-gray-rgb: 74, 85, 104;

  /* Section wash — soft blue-gray (replaces warm #F4F5F9) */
  --tanspot-primary: #eef2f7;
  --tanspot-primary-rgb: 238, 242, 247;

  /* Borders / dividers */
  --tanspot-bdr-color: #d1dae6;
  --tanspot-bdr-color-rgb: 209, 218, 230;
}

/* Template hardcodes orange in a few FAQ rules — map to theme variables */
body.medwol-theme .faq-one__shape-1,
body.medwol-theme .faq-one__shape-2 {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(var(--tanspot-base-rgb), 0.55) 0%,
    rgba(var(--tanspot-black-rgb), 0) 100%
  );
}

body.medwol-theme .faq-one__experience-box {
  background: linear-gradient(270deg, var(--tanspot-base) 45%, #ffffff 100%);
}

/* Medwol partials that used literal #585b6b */
body.medwol-theme .medwol-about-why__panel-body p,
body.medwol-theme .medwol-about-who-collage__caption,
body.medwol-theme .medwol-quote-form-box__hint {
  color: var(--tanspot-gray);
}

/* Premium: soft depth on primary CTAs */
body.medwol-theme .thm-btn {
  box-shadow: 0 4px 18px rgba(var(--tanspot-base-rgb), 0.28);
}

body.medwol-theme .thm-btn:hover {
  box-shadow: 0 6px 24px rgba(var(--tanspot-base-rgb), 0.38);
}

body.medwol-theme ::selection {
  background: rgba(var(--tanspot-base-rgb), 0.22);
  color: var(--tanspot-black);
}

/* logo-3–based asset: white panel + theme blue accents; slightly wider cap for horizontal mark */
body.medwol-theme .main-menu__logo-link img {
  background-color: #ffffff;
  max-width: min(240px, 46vw);
  max-height: 76px;
  width: auto;
  height: auto;
  object-fit: contain;
}

body.medwol-theme .main-menu__logo-tagline {
  text-shadow: 0 1px 2px rgba(var(--tanspot-black-rgb), 0.45);
}