/* ═══════════════════════════════════════════════════════════
   STRATUM COLLECTIVE — V7 Theme: Broadsheet (Calm)
   Monocle / FT / Stripe Docs. Credibility through restraint.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* Surface */
  --bg: #f5f3ee;
  --bg-raised: #eae7e0;
  --bg-surface: #e0ddd5;
  --bg-panel: #d6d2c9;
  --bg-hover: #dddad2;

  /* Text */
  --ink: #1a1a1a;
  --ink-secondary: #5a5752;
  --ink-muted: #8a8580;
  --ink-faint: #726e69; /* darkened from #b5b0a8 to meet WCAG AA 4.5:1 on --bg */

  /* Accent — Dark Teal (cyan on warm cream) */
  --accent: #0a7d6c;
  --accent-light: #10a08a;
  --accent-dim: #06604f;
  --accent-bg: rgba(10,125,108,0.06);

  /* Data — Gold for numbers */
  --data: #b08840;
  --data-light: #c49a5c;
  --data-bg: rgba(176,136,64,0.08);

  /* Interactive */
  --interactive: #0a7d6c;
  --interactive-hover: #06604f;
  --interactive-bg: #0a7d6c;
  --interactive-text: #f5f3ee;

  /* Semantic */
  --success: #3a7d52;
  --success-bg: rgba(58,125,82,0.08);
  --warning: #b08840;
  --danger: #a83c3c;
  --danger-bg: rgba(168,60,60,0.06);

  /* Structural */
  --rule: #d5d0c8;
  --rule-light: #e0ddd5;

  /* Type */
  --font-display: 'Source Serif 4', 'Georgia', serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-sans: var(--font-body);
  --font-mono: 'Inter', system-ui, sans-serif;

  /* Spacing */
  --page-max: 1200px;
  --page-pad: 2rem;
  --section-pad: clamp(4rem, 8vh, 7rem);
  --nav-height: 56px;
}

/* ── Theme-specific overrides ── */

/* No paper grain on light theme */
body::before { display: none; }

/* Nav — dark bar on light page */
nav {
  background: rgba(20,20,24,0.95);
  border-bottom-color: rgba(255,255,255,0.08);
}
nav.scrolled {
  box-shadow: 0 2px 12px rgba(0,0,0,0.2);
}
.nav-links a { color: #d5d0c8 !important; }
.nav-links a:hover { color: #fff !important; }
.nav-logo { color: #eae8e3 !important; }

/* Proof bar — cream tint */
.proof-bar {
  background: var(--bg-raised);
  border-bottom: 1px solid var(--rule);
}

/* Split section — visible background shift */
.split {
  background: #e2dfd6;
}
.split--dense {
  background: #d8d4ca;
}
.split--sparse {
  background: #edeae3;
}

/* Buttons — navy primary */
.btn-primary {
  background: var(--interactive);
  color: var(--interactive-text);
}
.btn-primary:hover {
  background: var(--interactive-hover);
}

/* Footer — slightly darker */
footer {
  background: #e5e2da;
  border-top: 1px solid var(--rule);
}

/* Compliance — warm dark band */
.compliance-strip {
  background: #2a2520;
  color: #d5d0c8;
}
.compliance-strip a { color: #e0ddd5; }

/* Cookie banner */
.cookie-banner {
  background: #2a2520;
  color: #d5d0c8;
}