/* =====================================================
   PROPHET — Design System skin
   Re-skins the existing PROPHET VIP page in the PROPHET
   Design System language: "desert oracle" — matte warm
   near-black surfaces, a single true gold accent, parchment
   text, and the DS type stack (Dune Rise / Marcellus /
   Manrope / JetBrains Mono).
   Scoped to body.theme-prophet-ds. Loads AFTER site.css +
   prophet.css and re-maps their design tokens onto the DS.
   Requires the DS token stylesheets (colors/typography/
   effects/fonts) to be linked first.
   ===================================================== */

/* ---------- token remap: spice/orange -> DS gold ---------- */
body.theme-prophet-ds {
  /* accent family */
  --spice:        var(--gold-400);
  --spice-bright: var(--gold-300);
  --ember:        var(--bronze);
  --gold:         var(--gold-400);
  --gold-hi:      var(--gold-100);   /* pale gleam — headline values */

  /* parchment text */
  --cream:       var(--parchment-100);
  --cream-dim:   rgba(244, 228, 200, 0.60);
  --cream-faint: rgba(244, 228, 200, 0.08);

  /* warm sand surfaces */
  --surface-top: var(--sand-800);
  --surface-bot: var(--sand-900);
  --surface-2:   var(--sand-750);
  --well:        var(--sand-950);

  /* hairlines */
  --hair:   var(--border-hairline);
  --hair-2: var(--border-soft);

  /* accents / semantics */
  --accent:     var(--gold-400);
  --accent-dim: var(--gold-500);
  --negative:      var(--ruby);
  --negative-glow: rgba(229, 89, 76, 0.35);
  --positive:      var(--emerald);
  --positive-glow: rgba(70, 201, 138, 0.32);

  /* raised tactile pill -> gold */
  --raised-top: var(--gold-300);
  --raised-bot: var(--gold-500);

  /* field behind everything */
  --bg-0: #170f0a;
  --bg-1: var(--sand-900);
  --bg-2: var(--sand-950);

  font-family: var(--font-sans);
  letter-spacing: 0;
}

/* ---------- backdrop: two-point horizon glow ---------- */
html { background-color: #100d0a; }
body.theme-prophet-ds { background: var(--bg-app); }
body.theme-prophet.theme-prophet-ds::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(1200px 520px at 50% -10%, rgba(240, 177, 90, 0.10), transparent 62%),
    radial-gradient(1100px 520px at 50% 110%, rgba(120, 58, 0, 0.20), transparent 62%);
}

/* ---------- type: Marcellus titles, mono numerals ---------- */
body.theme-prophet-ds h1,
body.theme-prophet-ds h2,
body.theme-prophet-ds h3,
body.theme-prophet-ds h4,
body.theme-prophet-ds .page-head h1,
body.theme-prophet-ds .section-head h2,
body.theme-prophet-ds .cat-head h2,
body.theme-prophet-ds .card__name,
body.theme-prophet-ds .price-card__plan,
body.theme-prophet-ds .sim__title,
body.theme-prophet-ds .archive__title,
body.theme-prophet-ds .piracy__title,
body.theme-prophet-ds .pcard__col h2,
body.theme-prophet-ds .modal__title {
  font-family: var(--font-title);
  font-weight: 400;
  letter-spacing: 0.002em;
}
/* Marcellus is a warm serif — ease the hero out of the tight sans tracking */
body.theme-prophet-ds .page-head h1,
body.theme-prophet-ds .hero h1 { letter-spacing: 0; line-height: 1.08; }

/* sacred numbers — JetBrains Mono, tabular */
body.theme-prophet-ds .tsb__big,
body.theme-prophet-ds .tsb__v,
body.theme-prophet-ds .tsb__date,
body.theme-prophet-ds .price-card__num,
body.theme-prophet-ds .price-card__cur,
body.theme-prophet-ds .price-card__per,
body.theme-prophet-ds .archive__stat-value,
body.theme-prophet-ds .perf__stat-value,
body.theme-prophet-ds .win__profit,
body.theme-prophet-ds .win__roi,
body.theme-prophet-ds .metric__value,
body.theme-prophet-ds .mmodal-stat__v,
body.theme-prophet-ds .kpi__value,
body.theme-prophet-ds .vip-months__table tbody td {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

/* brand-name lockups (PROPHET VIP): keep PROPHET in Dune Rise but render the
   trailing "VIP" in the Manrope label face, matching the hero eyebrow */
body.theme-prophet-ds .cat-head__lead h2,
body.theme-prophet-ds .model-pane__id .card__name {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* eyebrows / micro-labels stay Manrope, gold-tinted, wide-tracked
   (the auto-wrapped PROPHET wordmark keeps its Dune Rise face; only the
   surrounding text — e.g. "VIP" — uses this Manrope label style) */
body.theme-prophet-ds .eyebrow { color: var(--gold-300); letter-spacing: 0.24em; }

/* ---------- gold accent language on pills & CTAs ---------- */
/* dark ink on every gold raised surface */
body.theme-prophet-ds .nav__links a.is-active,
body.theme-prophet-ds .nav__lang button[aria-pressed="true"],
body.theme-prophet-ds .btn--primary,
body.theme-prophet-ds .model-toggle button[aria-pressed="true"],
body.theme-prophet-ds .cat-head__count { color: var(--text-inverse); }

/* prophecy halo — gold, replacing the hardcoded orange glows */
body.theme-prophet-ds .nav__links a.is-active,
body.theme-prophet-ds .nav__lang::before,
body.theme-prophet-ds .model-toggle button[aria-pressed="true"] {
  box-shadow:
    inset 0 1px 0 rgba(253, 228, 144, 0.65),
    0 5px 14px -5px rgba(229, 162, 63, 0.55);
}
body.theme-prophet-ds .btn--primary {
  box-shadow:
    inset 0 1px 0 rgba(253, 228, 144, 0.7),
    var(--glow-gold-sm);
}
body.theme-prophet-ds .btn--primary:hover {
  box-shadow:
    inset 0 1px 0 rgba(253, 228, 144, 0.85),
    var(--glow-gold);
}
body.theme-prophet-ds .cat-head__count {
  background: linear-gradient(180deg, var(--gold-300) 0%, var(--gold-500) 100%);
  box-shadow:
    inset 0 1px 0 rgba(253, 228, 144, 0.6),
    0 5px 14px -5px rgba(229, 162, 63, 0.5);
}

/* Join VIP: adopt the single gold accent (was green) */
body.theme-prophet-ds .nav__join {
  color: var(--text-inverse);
  background: linear-gradient(180deg, var(--gold-300) 0%, var(--gold-500) 100%);
  box-shadow:
    inset 0 1px 0 rgba(253, 228, 144, 0.65),
    var(--glow-gold-sm);
}
body.theme-prophet-ds .nav__join:hover {
  box-shadow:
    inset 0 1px 0 rgba(253, 228, 144, 0.85),
    var(--glow-gold);
}

/* ghost buttons: gold hairline on hover */
body.theme-prophet-ds .btn--ghost:hover { border-color: var(--accent-line); }

/* ---------- card gleam-top (DS raised language) ---------- */
body.theme-prophet-ds .glass {
  box-shadow:
    var(--gleam-top),
    0 28px 56px -32px rgba(0, 0, 0, 0.9);
}

/* ---------- focus ring: gold ---------- */
body.theme-prophet-ds a:focus-visible,
body.theme-prophet-ds button:focus-visible,
body.theme-prophet-ds .vip-months__row:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

/* ---------- brand wordmark accent in the nav ---------- */
body.theme-prophet-ds .nav__links a.wm { letter-spacing: 0.14em; }

/* links pick up the gold accent */
body.theme-prophet-ds a { color: inherit; }
body.theme-prophet-ds .tsb__link:hover,
body.theme-prophet-ds .footer__right:hover { color: var(--gold-200); }