/*
 * The landing's dark mode (index, privacy and terms), on top of the kit's palette variables (--p-*):
 * DESIGN.md's dark theme, a petrol-black ground with the light petrol as accent. theme.js sets
 * <html data-theme="light|dark"> before the page paints. Every pair is WCAG AA (the lowest, 6.8:1).
 */
:root {
  /* the paper tile the isotype sits on wherever the ground is dark (its deep face would sink) */
  --tile: #f7f9f8;
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --p-bg: #0b1615; --p-surface: #12211f; --p-ink: #e3efee; --p-muted: #9fb8b5;
  --p-accent: #5cc3cc; --p-accent-ink: #0b1615; --p-action: #5cc3cc; --p-action-ink: #0b1615;
  --p-inv-bg: #102b2d; --p-inv-surface: #17383a; --p-inv-ink: #e3efee; --p-inv-muted: #a9c4c1;
  --p-inv-accent: #5cc3cc; --p-inv-accent-ink: #0b1615; --p-inv-action: #5cc3cc; --p-inv-action-ink: #0b1615;
}