/* Design tokens are the single source of truth for ProCargo colours.
   Keep both themes equally clear; the default is always Light. */
:root, html[data-theme="light"] {
  color-scheme: light;
  --canvas: #f5f6f7;
  --surface: #fff;
  --surface-raised: #f2f5f7;
  --header: #fff;
  --field: #fff;
  --text: #24303a;
  --muted: #66737e;
  --line: #d8dee3;
  --field-border: #bdc8d0;
  --accent: #245c87;
  --accent-hover: #194869;
  --accent-soft: #eef3f7;
  --accent-text: #fff;
  --button: #fff;
  --button-hover: #f2f5f7;
  --focus: #4189bf;
  --ready-bg: #e7f4ec;
  --ready-text: #226348;
  --draft-bg: #faf5e7;
  --draft-text: #795d20;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #303942;
  --surface: #3d4853;
  --surface-raised: #45525e;
  --header: #3e4a55;
  --field: #303c46;
  --text: #f0f4f7;
  --muted: #c4cfd8;
  --line: #677682;
  --field-border: #8b9ca9;
  --accent: #a9d8ff;
  --accent-hover: #78bdec;
  --accent-soft: #546e82;
  --accent-text: #fff;
  --button: #4b5965;
  --button-hover: #5b6a77;
  --focus: #b7e2ff;
  --ready-bg: #365e53;
  --ready-text: #c1f2d7;
  --draft-bg: #675b3c;
  --draft-text: #fff0bb;
}