/* Sinh tay từ DESIGN.md — khi đổi token, đổi DESIGN.md trước rồi cập nhật file này. */
:root {
  /* Bảng màu lấy từ logo Best4team (docs/reference/brand): teal #1B7D81 + vàng hổ phách #EFB95D. */
  --b4t-color-primary: #1b7d81;
  --b4t-color-primary-strong: #145458;
  --b4t-color-primary-soft: #e7f3f3;
  --b4t-color-on-primary: #ffffff;
  --b4t-color-accent: #efb95d;
  --b4t-color-on-accent: #14343a;
  --b4t-color-ink: #14343a;
  --b4t-color-muted: #5a6f72;
  --b4t-color-line: #dce8e8;
  --b4t-color-paper: #ffffff;
  --b4t-color-bg: #f4f8f8;
  --b4t-color-success: #1b7a43;
  --b4t-color-warning-bg: #fff4d6;
  --b4t-color-danger: #b93a2b;
  --b4t-color-on-danger: #ffffff;
  --b4t-color-focus: #efb95d;

  --b4t-font-sans: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --b4t-font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;

  --b4t-space-xs: 4px;  --b4t-space-sm: 8px;  --b4t-space-md: 16px; --b4t-space-lg: 24px;
  --b4t-space-xl: 32px; --b4t-space-2xl: 48px; --b4t-space-3xl: 72px;
  --b4t-gutter: 20px; --b4t-container: 1160px; --b4t-card-pad: 16px; --b4t-section-gap: 48px; --b4t-touch-min: 44px;

  --b4t-radius-xs: 6px; --b4t-radius-sm: 10px; --b4t-radius-md: 12px; --b4t-radius-lg: 14px; --b4t-radius-xl: 18px; --b4t-radius-full: 9999px;

  --b4t-shadow-rest: 0 8px 22px rgba(18,66,72,.06);
  --b4t-shadow-hover: 0 12px 34px rgba(18,66,72,.10);
  --b4t-shadow-pop: 0 18px 38px rgba(18,66,72,.16);
  --b4t-shadow-float: 0 8px 22px rgba(18,66,72,.22);
}