:root {
  --bg: #f7f5f1;
  --surface: #ffffff;
  --surface-2: #efece6;
  --text: #1f2430;
  --text-dim: #6a7080;
  --border: #dedad1;
  --brand: #2d3a5c;
  --brand-hover: #222d49;
  --on-brand: #ffffff;
  --accent: #8a9fc4;
  --accent-soft: #e6ebf4;
  --danger: #a6432b;
  --radius: 14px;
  --shadow: 0 1px 2px rgba(31,36,48,.05), 0 8px 28px rgba(31,36,48,.06);
  --serif: Georgia, 'Iowan Old Style', 'Times New Roman', serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #12151d;
    --surface: #1a1f2b;
    --surface-2: #222838;
    --text: #eceef3;
    --text-dim: #9aa1b3;
    --border: #2d3446;
    --brand: #a9bbe0;
    --brand-hover: #c0cdea;
    --on-brand: #12151d;
    --accent: #6e82ab;
    --accent-soft: #232b40;
    --danger: #e08a72;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 28px rgba(0,0,0,.25);
  }
}