/* Design tokens — cinematic dark FMGE feed */
:root {
  --bg: #050505;
  --bg-elev: #0d1018;
  --bg-trap: #0a1a12;   /* dark green trap card bg */
  --ink: #f7f7f7;
  --ink-dim: #8b93a7;
  --line: rgba(255, 255, 255, 0.06);

  --orange: #00c47a;   /* FMGMinds emerald — replaces orange accent */
  --orange-glow: rgba(0, 196, 122, 0.40);
  --green: #4dff88;
  --green-glow: rgba(77, 255, 136, 0.4);
  --red: #ff5a36;
  --red-glow: rgba(255, 90, 54, 0.45);

  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 10px;

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter",
    "Segoe UI", Roboto, sans-serif;

  --t-fast: 220ms cubic-bezier(.2,.7,.2,1);
  --t-med: 420ms cubic-bezier(.2,.7,.2,1);
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; height: 100%; background: var(--bg); color: var(--ink); font-family: var(--font); overscroll-behavior: none; }
img { display: block; max-width: 100%; }

/* Reusable badge */
.badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: 999px;
  font-size: 12px; font-weight: 600; letter-spacing: .03em;
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.03);
  color: var(--ink-dim);
}
.badge.orange { color: var(--forest-bright); border-color: rgba(255,122,26,.35); background: rgba(255,122,26,.08); }
.badge.red    { color: var(--red);    border-color: rgba(255,77,79,.35);  background: rgba(255,77,79,.08); }
.badge.green  { color: var(--green);  border-color: rgba(37,224,138,.35); background: rgba(37,224,138,.08); }

/* Section labels */
.eyebrow {
  font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--ink-dim);
}
.eyebrow.red   { color: var(--red); }
.eyebrow.green { color: var(--green); }
.eyebrow.orange{ color: var(--forest-bright); }

/* Headings */
.h-year { font-size: 28px; font-weight: 800; color: var(--forest-bright); letter-spacing: -.01em; line-height: 1; }
.h-q    { font-size: 22px; font-weight: 600; line-height: 1.35; margin: 10px 0 0; }
.h-a    { font-size: 34px; font-weight: 800; line-height: 1.15; letter-spacing: -.02em; margin: 6px 0 0; }
.body-s { font-size: 15px; line-height: 1.5; color: var(--ink-dim); }