/* FinReport AI theme overrides for VectaFinance pages
   Maps the existing VectaFinance CSS variables to FinReport's
   teal + cream + gold palette and swaps the type stack. */
:root{
  --ink:#0e2a29 !important;
  --ink2:#1f3c3a !important;
  --ink3:#4a5d5b !important;
  --ink4:#6b7a78 !important;

  --paper:#ffffff !important;
  --paper2:#fbf8f1 !important;
  --paper3:#f7f3ea !important;

  --border:#e6e1d4 !important;
  --border2:#d6cfbb !important;

  --accent:#15514d !important;
  --accentL:#e8f1f0 !important;
  --accentD:#0f3a38 !important;

  --gold:#f1c75b !important;
  --goldL:#fdf6e3 !important;

  --red:#d94f4f !important;
  --redL:#fdf0ee !important;
  --blue:#3b6fb6 !important;
  --blueL:#eef3fb !important;

  --serif:'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
  --sans:'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
  --mono:'JetBrains Mono', monospace !important;

  --r:10px !important;
  --rl:14px !important;
  --shadow:0 1px 2px rgba(15,58,56,.06), 0 1px 1px rgba(15,58,56,.04) !important;
  --shadowMd:0 8px 24px rgba(15,58,56,.10) !important;
}

html, body{ background:var(--paper3); color:var(--ink); }
body{ font-family:var(--sans); -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4{ font-family:var(--serif); letter-spacing:-.01em; color:var(--ink); }
h1{ font-weight:700; }
h2{ font-weight:700; }
h3{ font-weight:600; }

/* Soften borders & corners site-wide */
button, .btn, input, select, textarea{ font-family:var(--sans); }
img{ border-radius:8px; }

/* Header glass effect (mirrors finreport .nav) */
header, .site-header, .nav, .topbar{
  background:rgba(247,243,234,.85) !important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border) !important;
}

/* Accent links */
a{ color:var(--accent); }
a:hover{ color:var(--accentD); }

/* Buttons sniff: anything looking like a primary CTA */
.btn-primary, .button-primary, button.primary, .cta, .cta-primary{
  background:var(--accent) !important;
  color:#fff !important;
  border:1px solid var(--accent) !important;
  border-radius:10px !important;
}
.btn-primary:hover, .button-primary:hover, button.primary:hover, .cta:hover{
  background:var(--accentD) !important;
  border-color:var(--accentD) !important;
}
.btn-gold{ background:var(--gold)!important; color:var(--accentD)!important; border-color:var(--gold)!important; }

/* Cards */
.card, article.card, .panel{
  background:#fff !important;
  border:1px solid var(--border) !important;
  border-radius:var(--rl) !important;
  box-shadow:var(--shadow) !important;
}