:root {
  --color-surface: #ffffff;
  --color-surface-alt: #f1f5f9;
  --color-surface-deep: #e2e8f0;

  --color-accent: #1e3a8a;
  --color-accent-hover: #1e40af;
  --color-accent-wash: #e8edf9;

  --color-ember: #c2410c;
  --color-ember-hover: #9a3412;
  --color-ember-wash: #fdece0;

  --color-ink: #0f172a;
  --color-ink-soft: #334155;
  --color-ink-mute: #64748b;
  --color-line: #cbd5e1;
  --color-line-soft: #e2e8f0;

  --color-night: #0b1220;
  --color-night-ink: #cbd5e1;
  --color-night-line: #1f2a44;

  --color-white: #ffffff;
  --color-good: #15803d;
  --color-good-wash: #e7f6ec;
  --color-bad: #b91c1c;
  --color-bad-wash: #fdeaea;

  --color-skeleton-a: #e2e8f0;
  --color-skeleton-b: #f1f5f9;
}