/* ═══════════════════════════════════════════════════════════
   TRADEPRESS V2.0 — base.css
   ITCSS Layer 1: Reset, body, typography
   ═══════════════════════════════════════════════════════════ */

* { box-sizing: border-box; }

html { overflow-x: hidden; }

body {
  font-family: var(--tp-font-sans);
  background: var(--tp-bg-core);
  color: var(--tp-text);
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

/* ── Gradient Background ── */
.gradient-bg {
  background:
    radial-gradient(ellipse 120% 90% at 50% 0%,
      rgba(10,32,214,0.28) 0%,
      rgba(5,8,20,0.80) 55%,
      rgba(5,8,20,1) 100%),
    radial-gradient(ellipse 80% 60% at 80% 30%,
      rgba(29,169,248,0.10) 0%,
      transparent 60%),
    var(--tp-bg-core);
}

/* ── Typography helpers ── */
.section-sub strong { color: var(--tp-text); }
code { color: var(--tp-accent); }