/* ══════════════════════════════════════════════════════════════════════════════════
   MESAscale · themes · /privacy and /terms   (long legal text; one structure, one file)
   These two pages are WHITE by default (data-theme-default="light"): long-form reading is the case where light has its small readability edge, so a first-time visitor
   sees what they always saw, with the purple bar swapped for the same white nav as the rest of the light site and the navy tokens neutralised.
   The toggle gives them a DARK version, which did not exist before: the obsidian ground used across the dark site, text at 78% white (11:1), orange links lifted to AA.
   ══════════════════════════════════════════════════════════════════════════════════ */

/* ═════ LIGHT (default for this page) ═════ */
html[data-theme="light"] { --muted: #5b5b63; }
html[data-theme="light"] .site-nav { background: rgba(255, 255, 255, .88); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-bottom: 1px solid var(--lt-line); }
html[data-theme="light"] .site-nav-logo img { filter: invert(1); }
html[data-theme="light"] .site-nav-links a { color: #26262b; }
html[data-theme="light"] .site-nav-links a:hover { color: var(--lt-ink); }
html[data-theme="light"] .site-nav-hamburger span { background: var(--lt-ink); }
html[data-theme="light"] .site-nav-mobile > .site-nav-mobile-top img { filter: invert(1); }
html[data-theme="light"] .site-nav-mobile-links li a { color: var(--lt-ink); border-bottom-color: var(--lt-line); }
html[data-theme="light"] .site-nav-mobile-links li a:hover { color: var(--lt-accent-ink); }
html[data-theme="light"] .site-nav-mobile-close { color: var(--lt-meta); }
html[data-theme="light"] .site-nav-mobile-cta { background: var(--lt-cta); color: var(--lt-cta-fg); box-shadow: var(--lt-cta-sh); }
html[data-theme="light"] .policy-body a { color: var(--lt-accent-ink); }
html[data-theme="light"] .policy-body a:hover { color: var(--lt-cta-hover); }

/* ═════ DARK (new for this page) ═════ */
html[data-theme="dark"] { --ink: #f4f4f4; --body-text: rgba(255, 255, 255, .78); --muted: rgba(255, 255, 255, .6); --line: rgba(255, 255, 255, .1); }
html[data-theme="dark"] body { background: #0f1011; color: rgba(255, 255, 255, .78); }
html[data-theme="dark"] .site-nav { background: rgba(15, 16, 17, .88); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); border-bottom: 1px solid rgba(255, 255, 255, .07); }
html[data-theme="dark"] .page-title { color: #f4f4f4; }
html[data-theme="dark"] .policy-body p { color: rgba(255, 255, 255, .78); }
html[data-theme="dark"] .policy-body h2 { color: #f4f4f4; }
html[data-theme="dark"] .policy-body a { color: #F26A3A; }
html[data-theme="dark"] .policy-body a:hover { color: #FF8A5E; }
html[data-theme="dark"] .site-nav-mobile { background: #0f1011; }
html[data-theme="dark"] .site-nav-mobile-close { color: rgba(255, 255, 255, .6); }
html[data-theme="dark"] .site-nav-mobile-links li a { color: #f4f4f4; border-bottom-color: rgba(255, 255, 255, .09); }
html[data-theme="dark"] .site-nav-mobile-links li a:hover { color: #F26A3A; }
html[data-theme="dark"] .site-nav-mobile-cta { color: var(--lt-ink, #0e0e0e); background: #F05A28; }
/* the footer is already dark; against a dark page it needs its hairline to read as the page's foot */
html[data-theme="dark"] .site-footer { border-top: 1px solid rgba(255, 255, 255, .09); }

/* the early-platform-access dialog, dark */
html[data-theme="dark"] .epa-backdrop { background: rgba(0, 0, 0, .72); }
html[data-theme="dark"] .epa-modal { background: #0f0f0f; border-color: rgba(255, 255, 255, .1); box-shadow: 0 28px 90px rgba(0, 0, 0, .6); }
html[data-theme="dark"] .epa-close { background: rgba(255, 255, 255, .08); color: #fff; }
html[data-theme="dark"] .epa-close:hover { background: rgba(255, 255, 255, .16); }
html[data-theme="dark"] .epa-modal-ey-txt { color: rgba(255, 255, 255, .6); opacity: 1; }
html[data-theme="dark"] .epa-modal-h { color: #FFF3F0; }
html[data-theme="dark"] .epa-modal-body p { color: rgba(255, 255, 255, .78); }
html[data-theme="dark"] .epa-callout { background: rgba(234, 98, 30, .08); border-color: rgba(234, 98, 30, .26); border-left-color: #EA621E; }
html[data-theme="dark"] .epa-callout p, html[data-theme="dark"] .epa-callout strong { color: rgba(255, 255, 255, .9); }
html[data-theme="dark"] .epa-strategic { color: rgba(255, 255, 255, .78); border-top-color: rgba(255, 255, 255, .1); }
html[data-theme="dark"] .epa-qual { color: rgba(255, 255, 255, .55) !important; }

/* the toggle inside this nav's link list (light and dark): sits in line with the links */
.site-nav-links .tt-li { list-style: none; display: inline-flex; align-items: center; }
.site-nav-links .theme-toggle { margin: 0; }