/* paper.css — Paper/ink override for the standalone marketing and legal
   pages (strategy guides, how-it-works, why-trust, terms, privacy,
   feedback). Each page has its own inline <style> with its own variable
   names; this file is linked after it, remaps every one of those variables
   to the palette in css/site.css, and flattens the glow/blur components.
   Unused variables are harmless. */

:root {
  /* strategy guides + how-it-works */
  --bg-deep: #f4f1e8;
  --bg-surface: #ebe6d8;
  --card-bg: #fbfaf5;
  --border-light: #d6cfbc;
  --border-glow: #17160f;
  --text-primary: #17160f;
  --text-secondary: #47443a;
  --text-mute: #6b6655;
  --accent-1: #1f3fbf;
  --accent-2: #1f3fbf;
  --accent-3: #1d6a3c;
  --font-head: 'Newsreader', Georgia, serif;

  /* terms / privacy / why-trust / feedback */
  --bg: #f4f1e8;
  --void: #f4f1e8;
  --s0: #f4f1e8;
  --s1: #fbfaf5;
  --s2: #ebe6d8;
  --s3: #e4dfd0;
  --panel: #fbfaf5;
  --panel-2: #ebe6d8;
  --rule: #d6cfbc;
  --border: #d6cfbc;
  --t1: #17160f;
  --t2: #47443a;
  --t3: #6b6655;
  --t4: #8d8774;
  --accent: #1f3fbf;
  --accent-2: #1f3fbf;
  --accent-solid: #1f3fbf;
  --accent-rgb: 31,63,191;
  --blue: #1f5fa8;
  --green: #1d6a3c;
  --red: #a4261b;
  --gold: #8a5a00;
  --glass: #fbfaf5;
  --glass-bd: #d6cfbc;
  --font-display: 'Newsreader', Georgia, serif;
}

html, body { background: #f4f1e8 !important; color: #17160f; }
body::before, body::after, .hero::before, .cta::before { display: none !important; }
:focus-visible { outline: 2px solid #1f3fbf; outline-offset: 2px; }

/* Headings in the serif, like the landing page */
.hero-title, .section-title, .cta-title, h1, h2 { font-family: 'Newsreader', Georgia, serif !important; font-weight: 500 !important; letter-spacing: -0.015em !important; }
.feat-card h3, .step h3, .guide-prose h3 { font-family: 'Newsreader', Georgia, serif !important; font-weight: 500 !important; letter-spacing: 0 !important; }

/* Nav: drop the floating glass pill for a plain rule */
nav, .topbar {
  background: #f4f1e8 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: #d6cfbc !important;
  box-shadow: none !important;
}
.nav-logo, .logo, .footer-brand { font-family: 'Manrope', system-ui, sans-serif !important; font-weight: 700 !important; letter-spacing: -0.03em !important; color: #17160f !important; }
.nav-logo span, .logo span, .footer-brand span { color: #1f3fbf !important; }
.nav-center a:hover { background: #ebe6d8 !important; color: #17160f !important; }

/* Buttons */
.btn { border-radius: 4px !important; transform: none !important; }
.btn-primary {
  background: #17160f !important;
  color: #f4f1e8 !important;
  border: 1px solid #17160f !important;
  box-shadow: none !important;
  filter: none !important;
}
.btn-primary:hover { background: #000 !important; }
.btn-ghost { background: transparent !important; color: #17160f !important; border: 1px solid #17160f !important; backdrop-filter: none !important; }
.btn-ghost:hover { background: #ebe6d8 !important; }

/* Badges / pills */
.hero-badge, .section-label, .sample-badge, .hiw-hero-badge {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #6b6655 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.hero-badge span { display: none !important; }

/* Cards */
.feat-card, .faq-item, .example-box, .panel, .card {
  background: #fbfaf5 !important;
  backdrop-filter: none !important;
  border: 1px solid #d6cfbc !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  transform: none !important;
}
.feat-card:hover { border-color: #17160f !important; }
.feat-icon { background: transparent !important; border: 1px solid #d6cfbc !important; border-radius: 4px !important; color: #17160f !important; }
.step-num { background: transparent !important; border: 1px solid #17160f !important; border-radius: 4px !important; color: #17160f !important; font-family: 'JetBrains Mono', monospace !important; font-weight: 500 !important; font-size: 15px !important; }
.faq-item:hover { background: #fbfaf5 !important; border-color: #17160f !important; }
.faq-question { font-family: 'Newsreader', Georgia, serif !important; font-weight: 500 !important; }
.formula-box { background: #fbfaf5 !important; border: 0 !important; border-left: 3px solid #1f3fbf !important; border-radius: 0 !important; color: #17160f !important; }

/* Footer */
footer { background: #f4f1e8 !important; border-top-color: #17160f !important; }

/* Reveal-on-scroll animations hide content until JS runs; show it plainly. */
.reveal { opacity: 1 !important; transform: none !important; }

/* Buttons keep the sans even where the page maps them to the heading font. */
.btn, .btn-primary, .btn-ghost, .fb-btn-primary { font-family: 'Manrope', system-ui, sans-serif !important; letter-spacing: 0 !important; }

/* Strategy guides: plain nav bar instead of a floating pill, no emoji icons. */
nav { border-radius: 4px !important; }
.feat-icon { display: none !important; }

/* how-it-works: no animated background, no gradient text, readable titles */
.hero-canvas, #hero-canvas { display: none !important; }
.step-content h3, .step-content strong, .footer-col h4, .footer-brand { color: #17160f !important; }
.step-num, .step-number { box-shadow: none !important; }
.text-grad, .gradient-text, .text-gradient {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: #1f3fbf !important;
}

/* feedback page */
.fb-title {
  background: none !important;
  -webkit-text-fill-color: #17160f !important;
  color: #17160f !important;
}
.fb-card, .fb-shell { box-shadow: none !important; border: 1px solid #17160f !important; border-radius: 4px !important; background: #fbfaf5 !important; }
.fb-input, .fb-textarea { background: #fff !important; border: 1px solid #d6cfbc !important; border-radius: 4px !important; color: #17160f !important; }
.fb-input::placeholder, .fb-textarea::placeholder { color: #a39d8a !important; }
.fb-input:focus, .fb-textarea:focus { border-color: #1f3fbf !important; box-shadow: 0 0 0 3px #e3e7f6 !important; }
.fb-btn-primary { background: #17160f !important; color: #f4f1e8 !important; border-radius: 4px !important; box-shadow: none !important; }
.fb-btn-primary:disabled { opacity: .45; }
.fb-brand-mark { background: #17160f !important; box-shadow: none !important; border-radius: 4px !important; }