/* Shared brand tokens for the homepage, guide and policies. */
:root {
  --page: #f8fafc;
  --surface: #fff;
  --surface-soft: #f0f5fb;
  --ink: #0b1320;
  --muted: #5e6b7d;
  --subtle: #738096;
  --line: #dde5ef;
  --line-strong: #c7d3e3;
  --blue: #1265df;
  --brand: #1677ff;
  --cyan: #35e7e0;
  --wash: #e5f1ff;
  --header: rgb(248 250 252 / .92);
  --shadow: 0 20px 60px rgb(41 85 142 / .07);
  --sans: 'Noto Sans SC Variable', sans-serif;
  --serif: 'LXGW WenKai', serif;
  --mono: 'IBM Plex Mono', 'Noto Sans SC Variable', monospace;
  color-scheme: light;
  /* Static reading surfaces should not show a text insertion/caret-browsing cursor. */
  caret-color: transparent;
}
html[data-theme='dark'] {
  --page: #0b101b;
  --surface: #111b2b;
  --surface-soft: #152034;
  --ink: #eff4fc;
  --muted: #aab8cc;
  --subtle: #96a5bb;
  --line: #26344b;
  --line-strong: #41516b;
  --blue: #83b4ff;
  --brand: #69a7ff;
  --wash: #152e51;
  --header: rgb(11 16 27 / .92);
  --shadow: 0 20px 60px rgb(0 0 0 / .12);
  color-scheme: dark;
}
/* Preserve editing carets if a genuine form is added later. Focus outlines stay visible. */
:where(input, textarea, [contenteditable=''], [contenteditable='true'], [contenteditable='plaintext-only']) {
  caret-color: var(--ink);
}