/*
  Pins /privacy and /terms to the dark palette, and maps their tokens onto the landing page's.

  style.css is a byte-for-byte copy of the one serving frictify.in, where the site is light by
  default and switches on prefers-color-scheme. This site is dark only, so following the OS
  preference would send a reader from a dark landing page to a white policy page. Rather than fork
  the stylesheet — which would have to be re-forked every time the live one is updated — this file
  re-declares the tokens unconditionally at :root and is loaded after it.

  Only seven colour tokens are actually consumed by these two pages (--bg, --surface, --border,
  --text, --text-muted, --brand, --brand-bright); --bg-sunk and --surface-raised are unused here but
  are set anyway so nothing inherits a stale light value if the markup grows.

  The stylesheet's three other dark blocks only restyle .btn-primary and .step-number, neither of
  which appears on these pages, so the token block is the only one that needed overriding.
*/

:root {
  color-scheme: dark;

  /* Page base and card surface now match the landing page's --ink and --surface-2, so moving
     between the site and its legal pages is a continuous surface rather than a step. */
  --bg: #0d151d;
  --bg-sunk: #16222e;
  --surface: #1a2632;
  --surface-raised: #223344;

  --border: #2b3d4f;
  --border-strong: #3b5168;
  --text: #f3f8fd;
  --text-muted: #a8b6c4;

  /* Links rest at the dark-surface mark colour and brighten on hover, matching the landing page's
     --bright. Both values are existing brand tokens; neither is invented here. */
  --brand: #8fbee8;
  --brand-bright: #aad6ff;
  --brand-ink: #16222e;

  --success: #34d399;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 30%), 0 2px 8px rgb(0 0 0 / 20%);
  --shadow-lg: 0 2px 4px rgb(0 0 0 / 30%), 0 18px 48px rgb(0 0 0 / 45%);
  --shadow-phone: 0 8px 16px rgb(0 0 0 / 40%), 0 40px 80px rgb(0 0 0 / 55%);
}

/*
  style.css drives both `a:hover` and `.brand svg` from --brand-bright. Now that hover is #AAD6FF,
  that would repaint the logo too. The mark's colour on a dark surface is a fixed brand token
  (#8FBEE8, assets/brand/README.md), not a hover state, so pin it back independently.
*/
.brand svg {
  color: #8fbee8;
}