/* ══════════════════════════════════════════════════════════════
   Vaš Vuk — static content pages (privacy, terms, 403, 404)
   Built on the same design system tokens as site.css.
   ══════════════════════════════════════════════════════════════ */

.legal-header{
  background:var(--color-bg-inverse);color:var(--color-text-on-dark);
  padding-block:var(--space-16) var(--space-12);
}
.legal-header .container{max-width:840px}
.legal-header h1{
  font-size:var(--text-display-l);font-weight:var(--weight-extrabold);
  color:var(--white);line-height:var(--lh-snug);
}
.legal-header p{
  margin-top:var(--space-3);color:var(--color-text-on-dark-muted);
  font-size:var(--text-body-s);
}

.legal-body{padding-block:var(--space-16) var(--space-20)}
.legal-body .container{max-width:780px}

.legal-content h2{
  font-size:var(--text-display-s);font-weight:var(--weight-bold);
  margin-top:var(--space-12);margin-bottom:var(--space-4);
  line-height:var(--lh-snug);
}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{
  font-size:var(--text-body-l);font-weight:var(--weight-bold);
  margin-top:var(--space-8);margin-bottom:var(--space-3);
}
.legal-content p{
  font-size:var(--text-body-m);line-height:var(--lh-normal);
  color:var(--color-text);margin-bottom:var(--space-4);
}
.legal-content ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}
.legal-content li{
  font-size:var(--text-body-m);line-height:var(--lh-normal);
  margin-bottom:var(--space-2);
}
.legal-content a{color:var(--color-brand)}
.legal-content a:hover{color:var(--color-brand-hover)}
.legal-content strong{font-weight:var(--weight-bold)}

.legal-toc{
  background:var(--gray-050);border-radius:var(--radius-m);
  padding:var(--space-5) var(--space-6);margin-bottom:var(--space-10);
}
.legal-toc p{
  margin:0 0 var(--space-3);font-size:var(--text-body-s);
  font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);
  color:var(--color-text-muted);
}
.legal-toc ul{margin:0;padding-left:var(--space-5)}
.legal-toc li{font-size:var(--text-body-s);margin-bottom:var(--space-2)}

/* ── Error pages (403 / 404) ── */
.error-page{min-height:56vh;display:flex;align-items:center;padding-block:var(--space-20)}
.error-page .container{max-width:640px;text-align:center}
.error-code{
  font-family:var(--font-display);font-weight:var(--weight-extrabold);
  font-size:clamp(4rem,10vw,7rem);color:var(--color-brand);line-height:1;
}
.error-page h1{
  margin-top:var(--space-4);font-size:var(--text-display-l);
  font-weight:var(--weight-extrabold);line-height:var(--lh-snug);
}
.error-page p{
  margin-top:var(--space-4);font-size:var(--text-body-l);
  color:var(--color-text-muted);line-height:var(--lh-normal);
}
.error-actions{
  display:flex;flex-wrap:wrap;gap:var(--space-3);
  justify-content:center;margin-top:var(--space-8);
}