/* Neutral gray-white hierarchy for the explicit light theme only. */
:root[data-theme="light"] {
  --bg: #f5f5f5;
  --surface: #ffffff;
  --surface-alt: #f7f7f7;
  --chrome: #f7f7f7;
  --ink: #191919;
  --muted: #6f6f6f;
  --subtle: #8c8c8c;
  --line: #e5e5e5;
  --line-strong: #d1d1d1;
  --primary: #191919;
  --primary-hover: #303030;
  --overlay: #19191980;
  --shadow-color: #00000014;
  --canvas-light: #fafafa;
  --canvas-dark: #191919;
}