/* Sim Cải Vận – design tokens (docs/HANDOFF.md mục 5). Sửa màu/chữ ở đây, không sửa rải rác.
 * Font Source Serif 4 lưu sẵn trong vendor/fonts/ (chạy được khi mất mạng). */

:root {
  /* Nền, chữ */
  --bg: #f9f4ee;
  --ink: #201e1d;
  --surface: #eae9e9;                 /* nền ô nhập */
  --divider: color-mix(in srgb, #201e1d 16%, transparent);

  /* Xanh ngọc (accent) */
  --jade-100: #e3efec; --jade-200: #c6dfd9; --jade-300: #9cc6bc; --jade-400: #5f9e91;
  --jade-500: #2d6a62; --jade-600: #22584f; --jade-700: #1a4a43; --jade-800: #0f3a35; --jade-900: #03292c;

  /* Đỏ son */
  --crimson-100: #f8e3e5; --crimson-200: #f0c3c8; --crimson-300: #e2939b; --crimson-400: #cf5b68;
  --crimson-500: #bd2c3d; --crimson-600: #9f2232; --crimson-700: #8a1a29; --crimson-800: #730c1d;

  /* Vàng kim */
  --gold: #b8914a;
  --gold-text: #7d5f24;
  --gold-light: #e9cf8f;
  --gold-label: #d9b86a;
  --gold-btn-text: #f1dfae;

  /* Trên nền xanh đậm */
  --cream-on-dark: #f6ecd0;
  --mist-on-dark: #c3d3cc;
  --mist-on-dark-2: #e6eee9;

  /* Thẻ */
  --card-bg: #fdfaf3;
  --card-border: #e2d2a8;
  --card-hover: #f3ead6;
  --row-hover: #efe6d3;

  /* Trung tính */
  --neutral-300: #d7d3d3;
  --neutral-600: #7d7979;
  --neutral-700: #605d5d;
  --neutral-800: #444141;
  --neutral-900: #2d2b2b;

  /* Chữ */
  --font: "Source Serif 4", Georgia, serif;

  /* Bo góc, bóng */
  --radius-sm: 1px; --radius-md: 2px; --radius-lg: 4px;
  --shadow-sm: 0 1px 2px rgba(45,43,43,.14);
  --shadow-md: 0 3px 10px rgba(45,43,43,.16);
  --shadow-lg: 0 12px 32px rgba(45,43,43,.22);

  /* Bố cục */
  --gutter: 24px;
  --max-w: 560px;
}