:root {
  color-scheme: light;
  --stage: #1b2836;
  --stage-2: #15202b;
  --paper: #ffffff;
  --canvas: #f3f6f8;
  --paper-2: #eef3f6;
  --ink: #15202b;
  --muted: #4d5c6b;
  --line: #e6ecf0;
  --stamp: #00826f;
  --stamp-ink: #00826f;
  --up: #1e5c45;
  --down: #b43324;
  --hold: var(--up);
  --stamp-soft: color-mix(in srgb, var(--stamp-ink) 14%, var(--paper));
  --up-soft: color-mix(in srgb, var(--up) 16%, var(--paper));
  --down-soft: color-mix(in srgb, var(--down) 14%, var(--paper));
  --quiet: var(--up-soft);
  --hover: #f7f9fa;
  --shadow: 0 8px 24px rgba(21, 32, 43, 0.12);
  --font: "Be Vietnam Pro", ui-sans-serif, system-ui, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --nav: 220px;
  --feed: 600px;
  --rail: 290px;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --stage: #0e141b;
  --stage-2: #0e141b;
  --paper: #0e141b;
  --canvas: #0e141b;
  --paper-2: #243140;
  --ink: #e7eef4;
  --muted: #9aabba;
  --line: #2d3b48;
  --stamp: #00826f;
  --stamp-ink: #7ed9c8;
  --up: #7dcea0;
  --down: #f0a8a2;
  --hover: #314356;
  --shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
}