/* TYDC Theme B — Minimal Manifesto (20251223d) */
:root {
  --bg: #0A0A0A;
  --fg: #F6F2EA;
  --muted: rgba(246,242,234,.70);
  --border: rgba(246,242,234,.18);
  --softborder: rgba(246,242,234,.10);
  --accent: #FFEA00;
  --accent2: #7CFFB2;

  --font-display: "Anton", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-ui: "Space Grotesk", system-ui, sans-serif;

  --ui-bg: rgba(10,10,10,.90);
  --ui-border: rgba(246,242,234,.18);
  --ui-accent: var(--accent);
}

html, body { background: var(--bg); color: var(--fg); }

/* cleaner grid + manifesto feel */
.hero__grid { grid-template-columns: 1fr; gap: 18px; }
.hero__title { letter-spacing: .5px; }
.hero__visual { order: 2; }
.cards { grid-template-columns: 1fr; }
.card { border-radius: 22px; background: rgba(255,255,255,.03); }
.table { border-radius: 22px; }

.bg::before {
  background:
    radial-gradient(880px 520px at 22% 8%, rgba(255,225,0,.10), transparent 55%),
    radial-gradient(900px 600px at 78% 22%, rgba(124,255,178,.08), transparent 58%),
    linear-gradient(to bottom, rgba(255,255,255,.018), rgba(255,255,255,0));
}