/* ========================================================================
   DEPLOY PATH: /advisor-tokens.858dddad.css
   Tepuy Solutions — Advisor sub-brand tokens
   Version: 2026-08-02 (Phase 1 funnel identity reconciliation)

   Shared forest/gold palette for advisor-facing pages: plus.html (Advisor
   Professional card only), for_professionals.html, onboarding.html,
   dashboard.html. Do NOT load on consumer-facing pages (index.html,
   calculator pages) — those stay on tepuy.css's teal/blue tokens.

   Values match what for_professionals.html/onboarding.html were already
   rendering (their local --pro-* tokens) — this file is the single source
   those should alias to, not a new palette.
   ======================================================================== */

:root {
  /* Forest green — advisor trust signal (was for_professionals.html --pro-forest) */
  --adv-primary:       #1a5236;
  --adv-primary-mid:   #247857;   /* was --pro-mid */
  --adv-primary-sage:  #3d6b52;   /* was --pro-sage */
  --adv-primary-mist:  #e8f2ec;   /* was --pro-mist */

  /* Gold accent (was --pro-gold / --pro-gold-lt) */
  --adv-gold:          #b8872a;
  --adv-gold-light:    #e4b84a;

  /* Neutral surfaces (was --pro-ink / --pro-cream / --pro-warm / --pro-border / --pro-card) */
  --adv-ink:           #0c1f14;
  --adv-cream:         #faf8f4;
  --adv-warm:          #f5f0e8;
  --adv-border:        #d4e2da;
  --adv-card:          #ffffff;

  /* Shape/elevation (was --pro-shadow / --pro-radius) */
  --adv-shadow:        0 2px 16px rgba(12,31,20,0.08);
  --adv-radius:        12px;

  /* Semantic (inherit base site tokens — advisor pages don't need their own) */
  --adv-success:       var(--success, #28a745);
  --adv-danger:        var(--danger, #e03434);

  /* Typography (was --f-display / --f-body) */
  --adv-font-display:  'Playfair Display', Georgia, serif;
  --adv-font-body:     'DM Sans', 'Segoe UI', sans-serif;
}

/* ── Shared advisor CTA buttons ──────────────────────────────────────── */
.btn-advisor-primary {
  display: inline-block;
  background: linear-gradient(135deg, var(--adv-gold) 0%, var(--adv-gold-light) 100%);
  color: var(--adv-ink);
  padding: 0.85rem 1.75rem;
  border-radius: 8px;
  font-family: var(--adv-font-body);
  font-weight: 700;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: box-shadow 0.15s, transform 0.12s;
  box-shadow: 0 4px 16px rgba(184,135,42,0.3);
}
.btn-advisor-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 22px rgba(184,135,42,0.4);
  color: var(--adv-ink);
  text-decoration: none;
}
.btn-advisor-ghost {
  display: inline-block;
  background: transparent;
  color: var(--adv-primary);
  border: 1.5px solid var(--adv-primary);
  padding: 0.85rem 1.75rem;
  border-radius: 8px;
  font-family: var(--adv-font-body);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
  transition: border-color 0.15s, color 0.15s;
}
.btn-advisor-ghost:hover {
  border-color: var(--adv-primary-mid);
  color: var(--adv-primary-mid);
  text-decoration: none;
}

/* ── Advisor-tier pricing card modifier (plus.html) ──────────────────
   Applied alongside the existing .pricing-card base class — does not
   touch Free/Pro/Enterprise, which stay on tepuy.css's teal/blue tokens. */
.pricing-card.advisor {
  border: 2px solid var(--adv-gold);
  background: linear-gradient(180deg, var(--adv-cream) 0%, var(--surface, #fff) 60%);
}
.pricing-card.advisor h2 {
  color: var(--adv-primary);
  font-family: var(--adv-font-display);
}