/* =============================================================================
   FM Agency AI — legal.css
   Shared styles for legal pages (privacy, cookie-policy, terms, data-deletion)
   ============================================================================= */

:root {
  --bg: #080808;
  --accent: #8B5CF6;
  --accent-light: #A78BFA;
  --text-primary: #F5F5F5;
  --text-secondary: #A1A1AA;
  --text-muted: #52525B;
  --font-syne: 'Syne', sans-serif;
  --font-inter: 'Inter', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { color-scheme: dark; }
body { background: var(--bg); color: var(--text-primary); font-family: var(--font-inter); -webkit-font-smoothing: antialiased; line-height: 1.6; }
a { color: inherit; text-decoration: none; }

.legal { min-height: 100vh; padding: 6rem 1.5rem; }
.legal-inner { max-width: 48rem; margin: 0 auto; }
.back { display: inline-block; font-size: 0.875rem; margin-bottom: 2rem; color: var(--accent-light); transition: color 0.2s; }
.back:hover { color: #fff; }
.legal h1 { font-family: var(--font-syne); font-weight: 800; font-size: clamp(1.75rem, 4vw, 2.5rem); margin-bottom: 0.5rem; }
.legal .updated { font-size: 0.875rem; color: var(--text-muted); margin-bottom: 2.5rem; }
.legal-content { font-size: 0.875rem; line-height: 1.7; color: var(--text-secondary); }
.legal-content section { margin-bottom: 2rem; }
.legal-content h2 { font-family: var(--font-syne); font-weight: 700; font-size: 1.125rem; color: var(--text-primary); margin-bottom: 0.75rem; }
.legal-content h3 { font-weight: 600; color: var(--text-primary); margin: 1.5rem 0 0.5rem; }
.legal-content ul { list-style: disc; padding-left: 1.25rem; margin-top: 0.5rem; }
.legal-content li { margin-bottom: 0.25rem; }
.legal-content a { color: var(--accent-light); text-decoration: underline; }
.legal-content a:hover { color: #fff; }
.legal-content strong { color: var(--text-primary); }
.legal-content p { margin-bottom: 0.5rem; }

/* Cookie tables (used in cookie-policy.html) */
.cookie-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; margin: 0.75rem 0 1rem; }
.cookie-table th { text-align: left; padding: 0.5rem 1rem 0.5rem 0; font-weight: 600; color: var(--text-primary); border-bottom: 1px solid rgba(255,255,255,0.15); }
.cookie-table td { padding: 0.5rem 1rem 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
.cookie-table code { font-size: 0.8125rem; }

/* Method cards (used in data-deletion.html) */
.method-cards { display: grid; gap: 1rem; margin-top: 1rem; }
.method-card { padding: 1rem; border-radius: 0.75rem; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); margin-bottom: 1rem; }
.method-card h3 { font-weight: 600; color: var(--text-primary); margin-bottom: 0.25rem; }