/* =====================================================================
   Novema theme — overrides Valco's design tokens for the reseller copy.
   Matched to novema.com: Poppins, charcoal #303133, tan accent #dbc18e,
   #f7f7f7 page background, sharp corners.
   Linked AFTER tokens.css + app.css so these win.
   ===================================================================== */
:root {
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Novema charcoal as the primary UI colour (nav, buttons, footer, headings) */
  --valco-ink: #303133;
  --valco-black: #1f2021;

  /* Light grey page background like novema.com (cards stay white) */
  --bg-page: #f7f7f7;

  /* Warm tan brand accent */
  --nv-accent: #dbc18e;

  /* Sharper, corporate corners */
  --radius-md: 3px;
  --radius-lg: 4px;
}

/* Poppins headings are semibold, not black */
.hero-title { font-weight: 600; letter-spacing: -0.015em; }
h1, .h1, h2, .h2, h3, .h3 { font-weight: 600; }

/* Header logo (square Novema mark) */
.nav-logo img { height: 42px; }

/* Footer: Novema + Valco logos side by side on the dark bar */
.footer-logos { display: flex; align-items: center; justify-content: center; gap: 30px; margin-bottom: 16px; flex-wrap: wrap; }
.footer-mark { height: 50px; margin-bottom: 0; }
.footer-mark-novema { height: 44px; }

/* Primary button hover a shade darker */
.btn-primary:hover:not(:disabled) { background: var(--valco-black); }

/* Tan accent touches: eyebrow + range sliders + the secondary CTA on hover */
.hero-eyebrow { color: #b9924a; }
.slider input[type="range"], .check input { accent-color: var(--valco-ink); }
.btn-secondary:hover:not(:disabled) { background: var(--valco-ink); color: #fff; }