/* Общие стили правовых страниц: /privacy/, /terms/, /data-deletion/
   Переменные продублированы из index.html — правовые страницы автономны
   и не тянут инлайновые стили лендинга. */
:root {
    --bg: #f4efe3;
    --ink: #1a1614;
    --ink-light: #3a342f;
    --ink-muted: #7a7065;
    --rule: #d9d1bf;
    --accent: #2d6a4f;
    --header-bg: rgba(244, 239, 227, 0.82);
    --font-display: 'Source Serif 4', 'Source Serif Pro', Georgia, serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
[data-theme="dark"] {
    --bg: #161311;
    --ink: #f4efe3;
    --ink-light: #d6ccb8;
    --ink-muted: #8a8070;
    --rule: #2f2b26;
    --accent: #5fb085;
    --header-bg: rgba(22, 19, 17, 0.86);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; }
body {
    font-family: var(--font-body);
    background: var(--bg);
    color: var(--ink);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

.legal-wrap { max-width: 760px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 40px); }

.legal-header {
    position: sticky; top: 0; z-index: 10;
    background: var(--header-bg);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--rule);
}
.legal-header__inner {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 0;
}
.legal-header__logo {
    font-family: var(--font-display);
    font-size: 19px; font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--ink); text-decoration: none;
}
.legal-header__logo span { color: var(--accent); }
.legal-header__back { font-size: 14px; color: var(--ink-muted); text-decoration: none; }
.legal-header__back:hover { color: var(--accent); }

.legal-main { padding: 56px 0 80px; }
.legal-main h1 {
    font-family: var(--font-display); font-weight: 500;
    font-size: clamp(30px, 5vw, 42px);
    letter-spacing: -0.03em; line-height: 1.1;
    margin-bottom: 10px;
}
.legal-date { font-size: 14px; color: var(--ink-muted); margin-bottom: 40px; }
.legal-main h2 {
    font-family: var(--font-display); font-weight: 600;
    font-size: 21px; letter-spacing: -0.02em;
    margin: 34px 0 10px;
}
.legal-main p { color: var(--ink-light); margin-bottom: 14px; }
.legal-main a { color: var(--accent); }

.legal-foot {
    margin-top: 48px; padding-top: 24px;
    border-top: 1px solid var(--rule);
    font-size: 13px; color: var(--ink-muted);
    display: flex; flex-wrap: wrap; gap: 8px 20px;
}
.legal-foot a { color: var(--ink-muted); text-decoration: none; }
.legal-foot a:hover { color: var(--accent); }