/* =====================================================
 * Theme: vb4 — vBulletin 4.2 Retro
 * tuyencongchuc.com
 *
 * Cùng structure với vb3.css, đổi palette sang vB 4.2.
 * Background images (trống đồng + hoa sen) GIỮ NGUYÊN
 * từ theme gốc — chỉ swap màu.
 *
 * vB 4.2 palette (rút từ install/vbulletin-style.xml):
 *   tborder border  #0B198C
 *   tcat            #869BBF  (+ gradient)
 *   thead           #5C7099  (+ gradient)
 *   tfoot           #3E5C92
 *   alt1            #F5F5FF
 *   alt2            #E1E4F2
 *   alt3            #D5D8E5
 *   panel           #E4E7F5  (+ gradient)
 *   body bg         #E1E1E2
 *   link            #22229C
 *   link hover      #FF4400
 *   highlight       #FF0000
 *   legend          #22229C
 *   time            #666686
 * ===================================================== */

:root {
  /* === Blue palette (vB 4.2) — đổi ánh sáng sang nhạt hơn === */
  --vb-blue-darkest: #0B198C;          /* vB 4.2 tborder border (xanh dương đậm nhất) */
  --vb-blue-dark:    #3E5C92;          /* vB 4.2 tfoot (xanh dương tối) */
  --vb-blue-mid:     #3F5A85;          /* vB 4.2 thead (xanh dương trung bình — darken từ #5C7099 để hit 4.5:1 contrast) */
  --vb-blue-light:   #869BBF;          /* vB 4.2 tcat (xanh dương nhạt) */
  --vb-blue-pale:    #E1E4F2;          /* vB 4.2 alt2 (xanh rất nhạt) */

  /* === Surfaces === */
  --vb-bg:           #FFFFFF;
  --vb-bg-alt:       #F5F5FF;          /* vB 4.2 alt1 — row sáng */
  --vb-bg-tint:      #E1E1E2;          /* vB 4.2 body bg — thay cho vàng đồng */

  /* === Text === */
  --vb-text:         #000000;
  --vb-text-muted:   #444444;
  --vb-text-on-dark: #E0E0F6;          /* vB 4.2 tfoot text */
  --vb-text-footer:  #B8C0D8;          /* footer text nhạt hơn */

  /* === Borders === */
  --vb-border:       #0B198C;          /* vB 4.2 tborder (xanh dương đậm) */
  --vb-border-dark:  #3F5A85;          /* darken từ #5C7099 để hit 4.5:1 contrast khi dùng cho text */
  --vb-border-row:   #C0C4D6;          /* vB 4.2 alt3 */
  --vb-row-hover:    #FFFFFF;          /* vB 4.2 row hover trắng */

  /* === Link === */
  --vb-link:         #22229C;          /* vB 4.2 link/legend */
  --vb-link-hover:   #FF4400;          /* vB 4.2 link hover (cam đậm) */
  --vb-link-visited: #22229C;

  /* === Status / indicator — GIỮ NGUYÊN (vB 3.x dùng OK) === */
  --vb-new:          #FF6600;
  --vb-old:          #888888;
  --vb-sticky:       #C68A00;          /* darken từ #FFB800 — dùng cho vstep-badge với black text (WCAG AA 4.5:1) */
  --vb-locked:       #CC0000;
  --vb-online:       #00AA00;
  --vb-vip:          #B8860B;
  --vb-premium:      #6A0DAD;
  --vb-free:         #2E7D32;

  /* === Header trống đồng blend — GIỮ NGUYÊN === */
  --vb-header-blend-opacity:   0.7;
  --vb-header-blend-mode:      screen;
  --vb-header-blend-filter:    contrast(2) brightness(1.5);

  /* === Gradient stops (đổi sang vB 4.2) === */
  --vb-grad-header-start:  #5C7099;    /* vB 4.2 thead */
  --vb-grad-header-end:    #3E5C92;    /* vB 4.2 tfoot */
  --vb-grad-navbar-start:  #3E5C92;    /* vB 4.2 tfoot */
  --vb-grad-navbar-end:    #0B198C;    /* vB 4.2 tborder */
  --vb-grad-sidebar-start: #5C7099;    /* vB 4.2 thead */
  --vb-grad-sidebar-end:   #3E5C92;    /* vB 4.2 tfoot */
  --vb-grad-cat-start:     #5C7099;
  --vb-grad-cat-end:       #3E5C92;
  --vb-grad-post-start:    #E1E4F2;    /* vB 4.2 alt2 */
  --vb-grad-post-end:      #F5F5FF;    /* vB 4.2 alt1 */
  --vb-grad-button-start:  #738FBF;    /* vB 4.2 vbmenu_control */
  --vb-grad-button-end:    #5C7099;    /* vB 4.2 thead */
  --vb-grad-button-hover-start: #5C7099;
  --vb-grad-button-hover-end:   #3E5C92;

  /* === Font / radius — GIỮ NGUYÊN (Inter font retro-friendly) === */
  --vb-font:  'Inter', 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --vb-radius: 4px;

  /* === Table cell aliases (vbulletin.css dùng tên semantic) === */
  --vb-tborder-bg:     var(--vb-blue-darkest);   /* tborder outer = darkest blue */
  --vb-tcat-bg:        var(--vb-blue-light);     /* tcat = light blue (category) */
  --vb-thead-bg:       var(--vb-blue-mid);       /* thead = mid blue (column header) */
  --vb-alt1-bg:        var(--vb-bg-alt);         /* alt1 = row sáng nhất */
  --vb-alt2-bg:        var(--vb-blue-pale);      /* alt2 = row sáng xanh */
  --vb-alt3-bg:        var(--vb-border-row);     /* alt3 = row tối hơn */
  --vb-bg-light:       var(--vb-bg-alt);         /* light variant */
  --vb-font-base:      var(--vb-font);           /* alias cho typography */

  /* === Misc === */
  --vb-stripe:         #F5F5FF;
  --vb-divider:        #B8C0D8;
  --vb-text-strong:    #22229C;
  --vb-warning-bg:     #FFF3E0;
  --vb-warning-border: #FFB74D;
  --vb-warning-text:   #E65100;
  --vb-info-bg:        #F5F5FF;
  --vb-info-border:    #869BBF;
  --vb-info-text:      #22229C;
  --vb-info-text-dark: #0B198C;
  --vb-success-bg:     #F5F5FF;
  --vb-success-text:   #2E7D32;
  --vb-danger-bg:      #FFCCCC;
  --vb-danger-text:    #A30000;         /* darken từ #CC0000 để pass WCAG AA 4.5:1 trên --vb-danger-bg */
  --vb-neutral-bg:     #E1E4F2;
  --vb-neutral-text:   #444444;
  --vb-blockquote-bg:  #E1E4F2;
  --vb-blockquote-border: #0B198C;
}