/* Replr — Atelier shared styles for the legal/support pages.
   Ink-themed to match the landing's dark sections. Mirrors DESIGN.md tokens. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&display=swap');

:root {
  --ink: #17140E;
  --claret: #7E2C3C;
  --cream: #F7F1E8;
  --gilt: #B08D4F;
  --blush: #D99CA8;        /* links/accent on ink */
  --t-primary: #F4EFE5;
  --t-secondary: #A89E8E;
  --t-tertiary: #6E6557;
  --hairline: rgba(255,255,255,.07);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--t-secondary);
  font-family: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::selection { background: var(--claret); color: var(--cream); }
a { color: var(--blush); }

/* Nav */
.nav { position: sticky; top: 0; z-index: 50; background: rgba(23,20,14,.85);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--hairline); }
.nav-in { max-width: 860px; margin: 0 auto; padding: 0 24px; min-height: 68px;
  display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.brand { display: flex; align-items: center; gap: 11px; text-decoration: none; }
.brand img { width: 32px; height: 32px; }
.brand span { font: 500 23px/1 'Newsreader'; color: var(--t-primary); letter-spacing: .01em; }
.nav .home { font: 600 13.5px/1 'Hanken Grotesk'; color: #B3A992; text-decoration: none; }
.nav .home:hover { color: var(--t-primary); }

/* Prose */
.legal { max-width: 760px; margin: 0 auto; padding: clamp(48px,7vw,88px) 24px; }
.legal .eyebrow { font: 600 11px/1 'Hanken Grotesk'; letter-spacing: .26em; text-transform: uppercase; color: var(--gilt); }
.legal h1 { font: 400 clamp(34px,5vw,48px)/1.08 'Newsreader'; color: var(--t-primary); margin: 16px 0 6px; letter-spacing: .004em; }
.legal h1 em { font-style: italic; color: var(--blush); }
.legal .updated { font: 400 13px/1 'Hanken Grotesk'; color: var(--t-tertiary); margin-bottom: 32px; }
.legal h2 { font: 600 19px/1.35 'Hanken Grotesk'; color: var(--t-primary); margin: 34px 0 8px; }
.legal p, .legal li { font: 400 16px/1.66 'Hanken Grotesk'; color: var(--t-secondary); }
.legal p { margin: 0 0 14px; }
.legal ul { padding-left: 20px; margin: 0 0 14px; }
.legal li { margin-bottom: 7px; }
.legal strong { color: var(--t-primary); font-weight: 600; }

/* Footer */
.foot { background: #100C08; border-top: 1px solid var(--hairline); }
.foot-in { max-width: 860px; margin: 0 auto; padding: 30px 24px;
  display: flex; gap: 18px; flex-wrap: wrap; justify-content: space-between; align-items: center;
  font: 400 13px/1.6 'Hanken Grotesk'; color: var(--t-tertiary); }
.foot-in nav { display: flex; gap: 20px; flex-wrap: wrap; }
.foot-in a { color: #B3A992; text-decoration: none; }
.foot-in a:hover { color: var(--t-primary); }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }