/* Legal pages (privacy.html, terms.html) — tokens and chrome match index.html */
:root { --radius-sm: 8px; --radius-pill: 9999px; --max: 1120px; }

:root,
html[data-theme="dark"] {
  --bg: #141312; --bg-alt: #1C1B18;
  --line: rgba(255,255,255,0.12); --line-strong: rgba(255,255,255,0.20);
  --text: #EFEDE6; --muted: #BDBAB1; --faint: #5A5850;
  --green: #5A8F5C; --green-hover: #6BA16D; --on-green: #0F1110;
  --amber: #DAA84A;
  --nav-bg: rgba(20,19,18,0.88);
  color-scheme: dark;
}
html[data-theme="light"] {
  --bg: #F5F2EC; --bg-alt: #EFEBE3;
  --line: rgba(26,26,24,0.16); --line-strong: rgba(26,26,24,0.26);
  --text: #15140F; --muted: #3E3C36; --faint: #8A8880;
  --green: #2D4A2E; --green-hover: #3A5E3C; --on-green: #F5F2EC;
  --amber: #C8922A;
  --nav-bg: rgba(245,242,236,0.92);
  color-scheme: light;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: 'Satoshi', 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
.container { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
h1, h2 { font-family: 'Cabinet Grotesk', 'Helvetica Neue', system-ui, sans-serif; color: var(--text); margin: 0; }
p { margin: 0 0 1em; }

.skip-link {
  position: absolute; left: -9999px; top: 8px; z-index: 20;
  background: var(--green); color: var(--on-green); padding: 10px 14px;
  border-radius: var(--radius-sm); font-weight: 600;
}
.skip-link:focus { left: 8px; }

/* Navigation */
.nav {
  position: sticky; top: 0; z-index: 10;
  background: var(--nav-bg);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.nav-inner { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand-lockup { display: flex; align-items: center; gap: 12px; }
.brand-icon { width: 34px; height: 34px; flex-shrink: 0; }
.brand-wordmark {
  display: flex; flex-direction: column; line-height: 1;
  font-family: 'Cabinet Grotesk', sans-serif; font-weight: 700; letter-spacing: 0.02em;
}
.brand-wordmark .line-1 { font-size: 14px; color: var(--text); }
.brand-wordmark .line-2 { font-size: 14px; color: var(--amber); margin-top: 2px; }
.nav-links { display: flex; align-items: center; gap: 24px; }
.nav-links a { font-size: 15px; color: var(--muted); font-weight: 500; transition: color 0.15s ease; }
.nav-links a:hover { color: var(--text); }
.nav-cta {
  background: var(--green); color: var(--on-green) !important;
  padding: 10px 18px; border-radius: var(--radius-sm);
  font-weight: 600; font-size: 15px; transition: background 0.15s ease;
}
.nav-cta:hover { background: var(--green-hover); }
.theme-toggle {
  width: 38px; height: 38px; display: inline-grid; place-items: center;
  background: transparent; border: 1px solid var(--line-strong); border-radius: var(--radius-pill);
  color: var(--text); cursor: pointer; padding: 0;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.theme-toggle:hover { border-color: var(--text); background: var(--bg-alt); }
.theme-toggle svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.theme-toggle .icon-sun { display: block; }
.theme-toggle .icon-moon { display: none; }
html[data-theme="light"] .theme-toggle .icon-sun { display: none; }
html[data-theme="light"] .theme-toggle .icon-moon { display: block; }

/* Legal content */
.legal { padding: 80px 0 64px; }
.legal__inner { max-width: 720px; margin: 0 auto; padding: 0 24px; }
.legal__back { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--amber); margin-bottom: 24px; }
.legal__back:hover { text-decoration: underline; }
.legal__title { font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 700; line-height: 1.15; margin-bottom: 8px; }
.legal__updated { font-size: 14px; color: var(--faint); margin-bottom: 40px; }
.legal__inner h2 { font-size: clamp(1.15rem, 2vw, 1.4rem); font-weight: 700; margin-top: 32px; margin-bottom: 12px; color: var(--amber); }
.legal__inner p, .legal__inner li { line-height: 1.7; color: var(--muted); margin-bottom: 12px; }
.legal__inner ul { padding-left: 24px; margin: 0 0 16px; }
.legal__inner li { margin-bottom: 8px; }
.legal__inner strong { color: var(--text); }
.legal__inner a:not(.legal__back) { color: var(--amber); text-decoration: underline; }

/* Footer */
footer { padding: 36px 0 48px; background: var(--bg); border-top: 1px solid var(--line); }
.footer-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px; flex-wrap: wrap; font-size: 13px; color: var(--faint);
}
.footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
.footer-links a { color: var(--muted); transition: color 0.15s; }
.footer-links a:hover { color: var(--text); }
.footer-legal { display: flex; flex-direction: column; gap: 6px; }
.footer-contact { font-style: normal; }
.footer-contact a { color: var(--muted); transition: color 0.15s; }
.footer-contact a:hover { color: var(--text); }

@media (max-width: 640px) {
  body { font-size: 16px; }
  .container { width: calc(100% - 28px); }
  .nav-links a:not(.nav-cta) { display: none; }
  .legal { padding: 48px 0 40px; }
  .legal__inner { padding: 0 4px; }
}