/* ==========================================================================
   Bánh Bao Gia An — bảng token
   Nguồn sự thật cho màu + font. set_theme_options.php ánh xạ các giá trị này
   sang Theme Options của Flatsome — đổi ở đây thì đổi luôn ở script đó.
   ========================================================================== */
:root {
  /* Màu thương hiệu */
  --bb-red:        #b8372b;   /* đỏ son — nút chính, điểm nhấn */
  --bb-red-dark:   #932a20;
  --bb-purple:     #6b3f93;   /* tím gạo lứt — dòng vỏ tím */
  --bb-purple-dark:#4e2b6f;
  --bb-purple-soft:#efe6f7;
  --bb-gold:       #e3a43a;   /* vàng nhân — huy hiệu, sao */
  --bb-green:      #5b8a3a;   /* matcha / lá */

  /* Nền */
  --bb-cream:      #fff8ef;   /* nền chính */
  --bb-dough:      #f7ecdc;   /* nền khối ấm */
  --bb-white:      #ffffff;
  --bb-line:       #ecdcc6;

  /* Chữ */
  --bb-ink:        #3a2a20;
  --bb-muted:      #7a6656;
  --bb-on-dark:    #fff6ea;

  /* Font */
  --bb-font-head:  "Baloo 2", "Be Vietnam Pro", system-ui, sans-serif;
  --bb-font-body:  "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bb-font-hand:  "Dancing Script", cursive;

  /* Kích thước */
  --bb-container:  1200px;
  --bb-gutter:     20px;
  --bb-radius:     18px;
  --bb-radius-lg:  28px;
  --bb-header-h:   78px;
  --bb-section-y:  88px;
  --bb-shadow:     0 10px 30px rgba(90, 55, 25, .10);
  --bb-shadow-lg:  0 24px 60px rgba(90, 55, 25, .16);
}