/* ==========================================================================
   AIEA EXACT BRAND MATCH — extracted live from aiemployeeagency.com (2026-07)
   Loaded LAST to override staging tokens with the real site's exact values.
   ========================================================================== */
:root{
  --deep:#08080A;          /* body bg */
  --deep2:#0b0c10;
  --panel:#12151B;         /* card bg */
  --panel2:#161a22;
  --ink:#E2DDD5;           /* warm ivory text */
  --muted:#9a958c;
  --muted2:#6b675f;
  --line:#1E2128;          /* card border */
  --gold:#C4A46B;          /* flat gold (primary buttons) */
  --gold-soft:#d4b87f;
  --emerald:#5BC48B;       /* the real primary accent — prices, stats */
  --emerald-deep:#10B981;
  --rose:#E85D75;          /* eyebrow / section-label accent */
  --radius:8px;            /* live site uses 8px, not 18px */
  --serif:'DM Serif Display',Georgia,serif;
  --sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}

/* Body + base */
body{
  background:
    radial-gradient(1100px 560px at 70% -10%, rgba(91,196,139,.05), transparent 60%),
    radial-gradient(900px 480px at 12% 0%, rgba(196,164,107,.05), transparent 55%),
    var(--deep) !important;
  color:var(--ink); font-family:var(--sans);
}

/* Headings → DM Serif Display, weight 400 (matches live) */
.hero h1,.mock-hero h1,.aios-modal-head h2,.aios-co-left h2,.card h3,.panel h2,.modal h3,
h1,h2{ font-family:var(--serif) !important; font-weight:400 !important; letter-spacing:-.005em; }
.card h3{ font-size:26px; }

/* Eyebrows → rose/coral, DM Sans, wide tracking (matches live 'THE PROBLEM' labels) */
.eyebrow{ color:var(--rose) !important; font-family:var(--sans) !important; font-weight:600 !important;
  font-size:13px !important; letter-spacing:.20em !important; text-transform:uppercase; }
.bucket .bname,.aios-lbl,.term-caption{ color:var(--rose) !important; }
.stat{ border-left-color:var(--emerald) !important; }

/* Primary buttons → flat gold, 8px radius (live style), NOT gradient pills */
.btn-primary,.btn-pill{
  background:var(--gold) !important; background-image:none !important;
  color:var(--deep) !important; border-radius:8px !important; font-weight:600 !important; }
.btn-primary:hover,.btn-pill:hover{ filter:brightness(1.06); }
.btn-pill{ border-radius:8px !important; }
.btn-pill.lg{ border-radius:8px !important; }

/* Emerald buttons (Most Popular / Complete Purchase) → live emerald, flat, 8px */
.btn-emerald{ background:var(--emerald) !important; background-image:none !important;
  color:var(--deep) !important; border-radius:8px !important; }
.btn-emerald:hover{ filter:brightness(1.06); }

/* Prices + stat numbers → emerald (matches 'From $497/mo' + hero stats) */
.price-block .eff .num{ color:var(--emerald) !important; }
.mock-stats b{ color:var(--emerald) !important; font-family:var(--serif) !important; }
.co-term .right .n,.sum-total .v{ color:var(--emerald) !important; }

/* SAVE pills / badges → emerald tint */
.price-block .anchor .savepill,.term-toggle button .save,.co-term .tbadge{
  color:var(--emerald) !important; background:rgba(91,196,139,.12) !important; }
.card.popular .badge,.co-term .best-tag{ background:var(--gold) !important; color:var(--deep) !important; }
.card.popular{ border-color:var(--emerald) !important; box-shadow:0 0 0 1px rgba(91,196,139,.28),0 24px 60px -34px rgba(91,196,139,.3) !important; }

/* Active term toggle → flat gold */
.term-toggle button.active{ background:var(--gold) !important; background-image:none !important; color:var(--deep) !important; }
.term-toggle button.active .save{ background:rgba(8,8,10,.18) !important; color:var(--deep) !important; }

/* Cards + panels → exact live card bg/border/radius */
.card,.panel,.aios-co-right,.aios-modal{ border-radius:8px !important; }
.card{ background:linear-gradient(180deg,var(--panel),#0e1116) !important; border-color:var(--line) !important; }
.aios-modal{ border-radius:16px !important; border-color:rgba(196,164,107,.25) !important; }

/* Term selected state → emerald (live primary) */
.co-term.active{ border-color:var(--emerald) !important; background:rgba(91,196,139,.06) !important;
  box-shadow:0 0 0 1px rgba(91,196,139,.3) !important; }
.co-term.active .radio{ border-color:var(--emerald) !important; }
.co-term.active .radio::after{ background:var(--emerald) !important; }

/* Promo applied chip → emerald */
.promo-chip{ border-color:rgba(91,196,139,.35) !important; background:rgba(91,196,139,.08) !important; }
.promo-chip .chip-code{ color:var(--emerald) !important; background:rgba(91,196,139,.14) !important; }
.promo-msg.ok{ color:var(--emerald) !important; }
.sum-row.discount .v,.sum-row.promo-disc .v{ color:var(--emerald) !important; }

/* Bullet markers → gold→emerald to match accents */
.bucket li::before{ background:linear-gradient(135deg,var(--gold),var(--emerald)) !important; }

/* mock hero accent (Start deploying.) → gold like live */
.mock-hero h1 .accent,.hero h1 .accent{ color:var(--gold) !important; }
.mock-hint{ color:var(--emerald) !important; }