/* TTAI light theme for the static legal pages (Privacy, Terms).
   Scoped to body.ttai[data-ttf-theme='light'] so it only ever affects TTAI in
   light mode — never the dark theme, never the other apps. Wired via
   $ttaiThemeable in design.tpl, which renders the nav theme toggle and sets the
   body[data-ttf-theme] flag pre-paint (see ttaiTheme.js). The dark defaults
   live in landing.css (.static / main) and inc/header.tpl.

   Light tokens mirror the feed's light palette (ttaifeed.css). */

/* .static is 55%/75% wide; the rest of the column shows main's background, so
   both have to flip together to avoid a dark gutter. */
body.ttai[data-ttf-theme='light'] main {
  background: #f2f2f7;
}

body.ttai[data-ttf-theme='light'] .static {
  background: #f2f2f7;
  color: #3a3a3c;
}

body.ttai[data-ttf-theme='light'] .static h1,
body.ttai[data-ttf-theme='light'] .static h2,
body.ttai[data-ttf-theme='light'] .static h3 {
  color: #1c1c1e;
}

body.ttai[data-ttf-theme='light'] .static p,
body.ttai[data-ttf-theme='light'] .static li {
  color: #3a3a3c;
}

/* Overrides the inline `table td { color: #fff }` in privacy.tpl (wins on
   specificity, regardless of source order). */
body.ttai[data-ttf-theme='light'] .static table td {
  color: #1c1c1e;
}

body.ttai[data-ttf-theme='light'] .static hr {
  border-color: #d1d1d6;
}