/* ═══════════════════════════════════════════════════════════════════════════
   SUB-PAGE THEME — brings About, Partner, Advertise, Privacy, Terms and
   Advertising policy in line with the homepage (home-theme.css):
   cream page, navy type and bars, rust accent, all sans-serif.
   Linked LAST in each page's <head> so it wins over the page's own <style>.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --t-cream:   #F4F0E8;
  --t-cream-2: #ECE6DA;
  --t-line:    #DDD5C6;
  --t-navy:    #14213D;
  --t-navy-3:  #2C3C60;
  --t-text:    #1F2633;
  --t-muted:   #5E6272;
  --t-subtle:  #7A7568;
  --t-rust:    #B4472A;
  --t-rust-dk: #933720;
  --t-rust-lt: #E07A57;
  --t-sans:    'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;

  /* Remap each page's own gold palette */
  --ink: var(--t-navy); --ink2: var(--t-text); --ink3: var(--t-muted); --ink4: var(--t-subtle);
  --gold: var(--t-rust); --gold2: var(--t-rust-lt); --gold-dark: var(--t-rust-dk);
  --cream: var(--t-cream); --cream1: var(--t-cream-2); --cream2: var(--t-cream-2); --cream3: var(--t-line);
  --rule: var(--t-navy); --rule-lt: var(--t-line);
  --serif: var(--t-sans); --sans: var(--t-sans);
}

html body { font-family: var(--t-sans); background: var(--t-cream); color: var(--t-text); padding-top: 0; }
body *, body *::before, body *::after { font-family: var(--t-sans) !important; }
h1, h2, .cf-title, .about-headline { font-weight: 700; letter-spacing: -0.02em; color: var(--t-navy); }
.cf-title { text-transform: none; }
a { color: var(--t-rust); }

/* Top bar → navy, like the homepage */
.lp-topbar, .pw-topbar, .ab-topbar {
  background: var(--t-navy) !important;
  border-bottom: none !important;
  box-shadow: none !important;
  height: 48px;
}
.lp-brand, .pw-brand, .ab-brand {
  display: inline-flex; align-items: center;
  color: #fff !important; font-size: 18px !important; font-weight: 400 !important; letter-spacing: -0.01em !important;
  text-transform: lowercase;
}
.lp-brand::before, .pw-brand::before, .ab-brand::before {
  content: ""; width: 28px; height: 28px; flex-shrink: 0; margin-right: 10px;
  background: url("/favicon.svg?v=coin1") center / contain no-repeat;
}
.lp-brand span, .pw-brand span, .ab-brand span { color: var(--t-rust-lt) !important; }
.lp-back, .pw-back, .ab-back { color: rgba(255,255,255,.85) !important; opacity: 1 !important; }
.lp-back:hover, .pw-back:hover, .ab-back:hover { color: #fff !important; }

/* Footer → navy */
.lp-foot, .pw-foot, .ab-foot {
  background: var(--t-navy) !important;
  border-top: none !important;
  color: rgba(255,255,255,.72);
}
.lp-foot a, .pw-foot a, .ab-foot a { color: #fff !important; }
.lp-foot a span, .pw-foot a span, .ab-foot a span { color: var(--t-rust-lt) !important; }
.lp-foot div, .pw-foot div, .ab-foot div { color: rgba(255,255,255,.6) !important; }
.lp-foot a.btn { background: var(--t-rust) !important; color: #fff !important; border: none !important; border-radius: 3px; }
.lp-foot a.btn:hover { background: var(--t-rust-dk) !important; }

/* Eyebrows, rules, notes */
.lp-eyebrow, .cf-eyebrow { color: var(--t-rust) !important; }
.lp-rule { background: var(--t-navy) !important; }
.lp-note, .enq-gdpr { background: #fff !important; border: 1px solid var(--t-line) !important; border-left: 3px solid var(--t-rust) !important; }
th { border-bottom-color: var(--t-navy) !important; }

/* Partner form */
.enq-input { border: 1px solid #C9BFAD !important; border-radius: 3px !important; }
.enq-input:focus { border-color: var(--t-rust) !important; box-shadow: 0 0 0 3px rgba(180,71,42,.15) !important; }
.enq-submit {
  background: var(--t-rust) !important; border-radius: 3px;
  text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important;
}
.enq-submit:hover { background: var(--t-rust-dk) !important; }
.enq-consent input { accent-color: var(--t-rust); }

/* Advertise page cards */
.slot-card, .bundle-card { background: #fff !important; border: 1px solid var(--t-line) !important; border-radius: 4px; box-shadow: none !important; }
.slot-price, .bundle-price { color: var(--t-navy) !important; }

/* About page sections (built on styles.css tokens + its own inline hexes) */
.paper-section { background: var(--t-cream) !important; }
.section-rule .sr-line { display: none !important; }
.sr-label { color: var(--t-navy) !important; font-weight: 700; }
.pillar-n { color: var(--t-rust) !important; }
.pillar-title { color: var(--t-navy) !important; }
.pillar-rule { background: var(--t-line) !important; border-color: var(--t-line) !important; }

/* Pinch-zoom is allowed, so keep form fields at 16px on phones: below that,
   iOS Safari zooms the page in whenever a field is tapped. */
@media (max-width: 640px) {
  html body input, html body select, html body textarea { font-size: 16px !important; }
}