/* Copyright 2026 My Digital Sovereignty Ltd. All rights reserved. Proprietary and confidential; unauthorised copying, use or distribution is prohibited. */
/* ============================================================================
   apex-legal-pages.css: public/privacy.html and public/terms.html, the two legal pages built on company-hub-village.min.css and their
   own inline <style>, now under the landing's shared header and footer (scripts/lib/site-chrome.js, public/css/site-chrome.css;
   10 Nov 2026, slice 3).

   Loaded before site-chrome.css. Three jobs:
   1. Headings take the landing's type (the hub sheet gives them Inter).
   2. The pages' own colour variables take the landing's tokens in both themes, so the text sits on the landing's ground and no text is
      light-on-light or dark-on-dark when the dark theme is on. Selectors carry the theme attribute so they win over the pages' own
      :root block whichever order they load in. (theme.js, which loaded landing-dark-theme.css on these pages, is gone with the old chrome.)
   3. The tinted boxes (highlight, warning, prohibited) get dark grounds in the dark theme.
   No text colour here is new: each is a landing token, or the amber already used for security.html's warning box (apex-hub-pages.css).
   ============================================================================ */

h1,h2,h3,h4,h5,h6{font-family:inherit}
/* The shared header and footer rows are centred as on the landing (the pages reset every margin to 0). */
header.site[data-site-chrome] .wrap,.sub-nav .wrap,footer.site-foot .wrap{margin-left:auto;margin-right:auto}

/* ---------- the pages' variables, on the landing's tokens ---------- */
:root:not([data-theme="dark"]),
:root[data-theme="dark"]{
  --bg-primary:var(--bg); --bg-surface:var(--panel); --text-primary:var(--ink); --text-secondary:var(--muted);
  --border-color:var(--line); --brand-primary:var(--accent);
}
:root[data-theme="dark"]{ --color-warning:#d97706; --color-error:#f08a8a; }
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --color-warning:#d97706; --color-error:#f08a8a; }
}

/* ---------- the boxes ---------- */
/* #main-content: the pages' own .highlight-box rule comes later in the head, so this one needs the weight to win. */
#main-content .highlight-box{background:var(--panel-2)}
:root[data-theme="dark"] .warning-box{background:#2b2210}
:root[data-theme="dark"] .warning-box strong{color:#f5c26b}
:root[data-theme="dark"] .prohibited-box{background:#2a1716}
:root[data-theme="dark"] .prohibited-box strong{color:#f08a8a}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .warning-box{background:#2b2210}
  :root:not([data-theme="light"]) .warning-box strong{color:#f5c26b}
  :root:not([data-theme="light"]) .prohibited-box{background:#2a1716}
  :root:not([data-theme="light"]) .prohibited-box strong{color:#f08a8a}
}
/* Links in the running text read as links on any ground. */
#main-content .section p a,#main-content .section li a{color:var(--accent);text-decoration:underline}