:root {
  color-scheme: light;
  --canvas: #f5f8fb;
  --surface: #ffffff;
  --surface-subtle: #f8fbfd;
  --line: #e0e9ef;
  --line-strong: #c4d6e2;
  --text: #233442;
  --muted: #677e8e;
  --accent: #137fbb;
  --accent-strong: #086b9f;
  --accent-soft: #e8f5fd;
  --accent-border: #abd9f3;
  --danger: #b84943;
  --shadow: 0 4px 18px rgba(35,67,90,.04);
  --page-gap: 20px;
  --sidebar-width: 208px;
  --app-height: 100dvh;
}