/* Design tokens — xem docs/DESIGN_SYSTEM.md. Đổi theme chỉ cần sửa file này. */
:root {
  /* Brand */
  --color-primary: 37 99 235;
  --color-primary-dark: 29 78 216;
  --color-primary-light: 219 234 254;
  --color-accent: 124 58 237;

  /* Trạng thái */
  --color-success: 22 163 74;
  --color-success-light: 220 252 231;
  --color-warning: 217 119 6;
  --color-warning-light: 254 243 199;
  --color-warning-dark: 234 88 12;
  --color-warning-dark-light: 255 237 213;
  --color-danger: 220 38 38;
  --color-danger-light: 254 226 226;
  --color-info: 14 165 233;
  --color-info-light: 224 242 254;
  --color-neutral: 100 116 139;
  --color-neutral-light: 241 245 249;

  /* Text & surface */
  --color-text-primary: 15 23 42;
  --color-text-secondary: 71 85 105;
  --color-text-muted: 148 163 184;
  --color-bg: 245 247 250;
  --color-surface: 255 255 255;
  --color-border: 226 232 240;

  /* Sidebar (navy) */
  --color-sidebar-bg: 11 27 51;
  --color-sidebar-bg-active: 22 45 82;
  --color-sidebar-text: 203 213 225;
  --color-sidebar-text-active: 255 255 255;
  --color-sidebar-border: 30 50 82;

  --shadow-card: 0 1px 2px 0 rgb(15 23 42 / 0.04), 0 1px 3px 0 rgb(15 23 42 / 0.06);
  --radius-card: 0.625rem;
  --font-sans: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
}