
:root{
  --brand-50:#e6fcf7;
  --brand-100:#c9f6ed;
  --brand-200:#9feadd;
  --brand-300:#6ed9c9;
  --brand-400:#3cc1b1;
  --brand-500:#09BD59; /* primary green */
  --brand-600:#08a84f;
  --brand-700:#079345; /* primary dark */
  --brand-800:#067e3b;
  --brand-900:#056931;
  --accent-500:#09BD59; /* accent */
  --ink-900:#FFFFFF; /* white text */
  --ink-700:#FFFFFF; /* white text */
  --ink-600:#E5E7EB; /* light gray text */
  --ink-500:#D1D5DB; /* lighter gray text */
  --ink-300:#9CA3AF; /* medium gray text */
  --paper:#09081B; /* dark background */
  --paper-alt:#09081B; /* same as main background */
  --radius: 1rem;
}
/* Typography: swap font families to match PDF */
:root{
  --font-display: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
  --font-text: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
}
body { font-family: var(--font-text); color: var(--ink-700); background: var(--paper); }
.display { font-family: var(--font-display); }
.btn-primary { background: var(--brand-500); color: #09081B; font-weight: 600; }
.btn-primary:hover { background: var(--brand-600); }
.btn-secondary { background: transparent; color: var(--brand-500); border: 2px solid var(--brand-500); }
.btn-secondary:hover { background: var(--brand-500); color: #09081B; }
.card { border-radius: var(--radius); box-shadow: 0 1px 2px rgba(255,255,255,.04); border:1px solid var(--ink-300); background: var(--paper-alt); }
.badge { border-radius: .75rem; border:1px solid var(--ink-300); padding:.5rem .75rem; }
.text-ink-600 { color: var(--ink-600); }
.bg-brand { background: var(--brand-500); color: #09081B; }
.link { color: var(--brand-500); }
.link:hover { text-decoration: underline; }
.highlight-green { color: var(--brand-500); }
