/* Shared styling for the standalone legal pages (terms/privacy/refunds).
   Kept separate from styles.css since these pages render outside the app shell. */
:root{
  color-scheme: dark;
  --ground:      #0a0b0d;
  --surface:     #16181d;
  --surface-2:   #1d2025;
  --border:      #34383f;
  --border-soft: #212429;
  --text:        #f3f4f6;
  --text-dim:    #c6c9ce;
  --text-mute:   #7d828b;
  --accent:      #2e7dfd;
  --accent-2:    #5b9bff;
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    color-scheme: light;
    --ground:      #f4f5f7;
    --surface:     #ffffff;
    --surface-2:   #f1f2f5;
    --border:      #d5d9df;
    --border-soft: #e6e8ec;
    --text:        #14161a;
    --text-dim:    #43474f;
    --text-mute:   #767b84;
    --accent:      #1a63e0;
    --accent-2:    #0d4fc2;
  }
}
*,*::before,*::after{ box-sizing:border-box; }
body{
  margin:0; background:var(--ground); color:var(--text);
  font-family:var(--font-body); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
a:hover{ color:var(--accent-2); }
.legal-top{
  display:flex; align-items:center; gap:10px; padding:20px clamp(20px,5vw,48px);
  border-bottom:1px solid var(--border-soft);
}
.legal-top .brand-mark{ width:22px; height:22px; flex:none; }
.legal-top .brand-word{ font-family:var(--font-display); font-weight:400; font-size:17px; letter-spacing:.01em; text-decoration:none; color:var(--text); }
.legal-top .brand-word em{ font-style:normal; color:var(--accent); }
.legal-wrap{ max-width:720px; margin:0 auto; padding:56px clamp(20px,5vw,48px) 100px; }
.legal-wrap .eyebrow{
  font-family:var(--font-mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--accent); font-weight:500; display:block; margin-bottom:14px;
}
.legal-wrap h1{ font-family:var(--font-display); font-weight:400; font-size:clamp(30px,5vw,42px); letter-spacing:.005em; margin:0 0 8px; }
.legal-wrap .updated{ font-family:var(--font-mono); font-size:13px; color:var(--text-mute); margin-bottom:40px; display:block; }
.legal-wrap h2{ font-family:var(--font-body); font-weight:700; font-size:19px; margin:40px 0 12px; color:var(--text); }
.legal-wrap p{ margin:0 0 14px; color:var(--text-dim); }
.legal-wrap ul{ margin:0 0 14px; padding-left:22px; color:var(--text-dim); }
.legal-wrap li{ margin-bottom:6px; }
.legal-wrap strong{ color:var(--text); }
.legal-wrap .callout{
  background:var(--surface); border:1px solid var(--border-soft); border-radius:12px;
  padding:16px 18px; margin:0 0 14px; font-size:14.5px; color:var(--text-dim);
}
.legal-nav{ display:flex; gap:18px; flex-wrap:wrap; margin-top:8px; font-family:var(--font-mono); font-size:13px; }