/* Shared minimal stylesheet for standalone legal pages (terms.html, privacy.html).
   Reuses index.html's brand tokens (colors/fonts) without duplicating its full
   component CSS (hero, pricing cards, demo, etc.) — these pages are plain
   typography, not marketing layout. */

:root{
  --bg: #0A0B0F;
  --bg-raised: #11131A;
  --line: rgba(237,239,243,0.09);
  --line-strong: rgba(237,239,243,0.16);
  --ink: #EDEFF3;
  --ink-dim: #9AA1B4;
  --ink-faint: #7C8398;
  --blue: #6FD2F0;
  --serif: 'Fraunces', Georgia, serif;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: 'JetBrains Mono', 'SFMono-Regular', monospace;
}

*{ margin:0; padding:0; box-sizing:border-box; }

body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  line-height:1.7;
}

a{ color:var(--blue); }
:focus-visible{ outline:2px solid var(--blue); outline-offset:2px; border-radius:4px; }

.legal-header, .legal-footer{
  display:flex; align-items:center; justify-content:space-between;
  max-width:760px; margin:0 auto; padding:24px 28px;
  font-family:var(--mono); font-size:0.78rem; letter-spacing:0.04em; text-transform:uppercase;
}

.legal-header a, .legal-footer a{ color:var(--ink-dim); text-decoration:none; }
.legal-header a:hover, .legal-footer a:hover{ color:var(--blue); }

.legal-footer{ border-top:1px solid var(--line); margin-top:60px; color:var(--ink-faint); }

main.legal{
  max-width:760px; margin:0 auto; padding:20px 28px 60px;
}

main.legal h1{
  font-family:var(--serif); font-weight:600; font-size:2rem; margin-bottom:8px;
}

main.legal .updated{
  font-family:var(--mono); font-size:0.78rem; color:var(--ink-faint); margin-bottom:40px;
}

main.legal h2{
  font-family:var(--serif); font-weight:600; font-size:1.3rem; margin:36px 0 12px;
}

main.legal p, main.legal li{
  color:var(--ink-dim); font-size:0.95rem; margin-bottom:14px;
}

main.legal ul{ padding-left:22px; margin-bottom:14px; }

main.legal strong{ color:var(--ink); }