/* Playmatch website — shared styles for the text pages (Terms, Privacy, Support, Delete).
   Colors come from assets/brand/colors.json and match the app's design tokens. v1.1 · 16 Oct 2026 */
:root{--bg:#EEF0F7;--card:#FFFFFF;--ink:#12142B;--mute:#5C6080;--line:#D6D9E6;--navy:#0B0F1F;--panel:#141A33;--violet:#5B4BE8;--blue:#3B8BFF;--action:#5B4BE8;--match:#0FA37A;--heart:#E0243C;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#0B0F1F;--card:#141A33;--ink:#F4F5FA;--mute:#A3A8C7;--line:#2A3152;--action:#7C6DFF;--match:#2EE6A6;--heart:#FF3B5C}}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--action)}
/* Header: same navy bar as the home page */
.site-header{background:var(--navy);border-bottom:1px solid #ffffff20;padding-top:env(safe-area-inset-top,0px)}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px;max-width:1200px;margin:0 auto;padding:0 24px}
.logo{display:inline-flex;align-items:center;text-decoration:none}
.logo img{height:40px;width:auto;display:block}.logo .logo-mark{display:none}
nav.main{display:flex;gap:28px;font-size:14px;font-weight:600}
nav.main a{color:#C5C9E0;text-decoration:none}nav.main a:hover,nav.main a[aria-current]{color:#F4F5FA}
nav.main a[aria-current]{border-bottom:2px solid var(--blue);padding-bottom:3px}
/* Document body */
main{max-width:800px;margin:0 auto;padding:24px 24px 72px}
.doc h1{font-size:clamp(30px,5vw,40px);line-height:1.15;letter-spacing:-.5px;margin:28px 0 6px}
.doc h2{margin:36px 0 8px;font-size:21px}
.doc p,.doc li{color:var(--ink)}.doc li{margin-bottom:6px}
.doc .meta{color:var(--mute);font-size:14px;margin-top:0}
/* Footer: same navy bar as the home page */
.site-footer{background:var(--navy);color:#A3A8C7;border-top:1px solid #ffffff20;font-size:14px;padding-bottom:env(safe-area-inset-bottom,0px)}
.site-footer .wrap{max-width:1200px;margin:0 auto;padding:28px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.site-footer a{color:#C5C9E0;text-decoration:none}.site-footer a:hover{color:#F4F5FA;text-decoration:underline}
.site-footer .hello{color:#FF3B5C}
.heart{color:var(--heart)}.match{color:var(--match)}
@media (max-width:620px){.site-header .wrap{min-height:72px;padding:0 18px}.logo .logo-full{display:none}.logo .logo-mark{display:block;height:34px}nav.main{gap:16px;font-size:13px}main{padding:12px 18px 56px}.site-footer .wrap{padding:24px 18px}}