/* Legacy token definitions missing from the built stylesheet (see log 2026-08-15).
   The current panda.config palette is paper/ink/forest only; inner-page components
   still reference the older accent/brand ramps and typography tokens. Values below
   map those legacy names onto the flat palette. brand-* was a dark-theme ramp
   (50=light text ... 950=darkest bg); on today's light design it is INVERTED:
   50=darkest text ... 950=paper, so headings stay dark and cards stay light. */
:root{
  --colors-accent-200:#DCE7DE;
  --colors-accent-300:#2D7348;
  --colors-accent-400:#14532D;
  --colors-accent-500:#2D7348;
  --colors-accent-600:#0F3B22;
  --colors-accent-700:#0F3B22;
  --colors-brand-50:#1A1714;
  --colors-brand-100:#241F1A;
  --colors-brand-200:#3A342C;
  --colors-brand-300:#4A4438;
  --colors-brand-400:#6B6359;
  --colors-brand-500:#7D7568;
  --colors-brand-600:#C8C1B1;
  --colors-brand-700:#D5CEBE;
  --colors-brand-800:#E5DFCD;
  --colors-brand-850:#EDE8DC;
  --colors-brand-900:#F0EBDF;
  --colors-brand-950:#F5F2EA;
  --colors-success-500:#2D7348;
  --font-sizes-display-sm:1.55rem;
  --font-sizes-body-xs:0.8rem;
  --font-sizes-label:0.72rem;
  --global-color-border:#C8C1B1;
  --global-color-placeholder:#A39B8D;
  --global-color-selection:#DCE7DE;
  --radii-:10px;
}

/* ── Site-wide calm pass (2026-08-16): hierarchy by type and space, not lines ── */
.prose h2{border-top:none;padding-top:0;margin-top:2.75rem}
.sidebar-card,.pricing-card{border:none;background:#fff;box-shadow:0 1px 2px rgba(26,23,20,.04),0 10px 32px rgba(26,23,20,.07)}
.pricing-card:hover{border:none;box-shadow:0 2px 4px rgba(26,23,20,.05),0 16px 44px rgba(26,23,20,.1)}
.pricing-card--featured{border:none;box-shadow:0 2px 5px rgba(15,59,34,.08),0 18px 48px rgba(15,59,34,.16)}
.pricing-card--featured:hover{border:none}

/* ── Emphasis system: marker sweep + oversized two-tone callouts ── */
.aivh-mark{background:linear-gradient(180deg,transparent 58%,#D5E6DA 58%);padding:0 .08em;border-radius:2px}
.prose .aivh-callout{font-size:clamp(1.3rem,2.3vw,1.65rem);line-height:1.4;font-weight:700;color:#0F3B22;margin:2.4rem 0;max-width:30ch}
.prose .aivh-callout .aivh-dim{color:#6B6359;font-weight:600}

/* ── AI Visibility Hub promo band (homepage) ── */
.aivh-promo{background:#0F3B22;border-radius:20px;padding:2.6rem 2.8rem;margin:1.5rem auto;color:#F5F2EA;display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:center;box-shadow:0 20px 50px rgba(15,59,34,.22)}
@media (max-width:860px){.aivh-promo{grid-template-columns:1fr;padding:1.8rem 1.5rem}}
.aivh-promo__label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#9DBFA8;margin:0 0 .6rem}
.aivh-promo__title{font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.25;font-weight:800;color:#fff;margin:0 0 .7rem}
.aivh-promo__text{font-size:.95rem;line-height:1.6;color:#DCE7DE;margin:0}
.aivh-promo__actions{display:grid;gap:.8rem;justify-items:start}
@media (max-width:860px){.aivh-promo__actions{justify-items:stretch}}
.aivh-promo__btn{display:inline-block;background:#F5F2EA;color:#0F3B22;font-weight:700;padding:.85rem 1.6rem;border-radius:10px;text-decoration:none;font-size:.95rem;text-align:center}
.aivh-promo__btn:hover{background:#fff}
.aivh-promo__link{color:#9DBFA8;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
.aivh-promo__link:hover{color:#DCE7DE}