/**
 * PCTechComVn — Design Tokens
 * Source of truth: index.html prototype
 * Import vào: Bricks > Settings > Custom CSS
 * Version: 1.0.0 (Sprint 0)
 *
 * QUYẾT ĐỊnh KIẾN TRÚC:
 * - File này là CSS layer duy nhất khai báo biến màu, shadow, radius, spacing.
 * - Bricks Builder, Child Theme CSS, và mọi JS module đều reference các biến này.
 * - KHÔNG hard-code giá trị màu hoặc shadow ở bất cứ nơi nào khác.
 */

:root {
  /* ── Color Palette ── */
  --blue:         #0d4a8f;
  --blue-dark:    #062a55;
  --blue-deeper:  #041a35;
  --blue-light:   #dce8f8;
  --blue-glow:    rgba(13, 74, 143, 0.35);

  --orange:       #e8870a;
  --orange-dark:  #c56f06;
  --orange-light: #fff4e0;
  --orange-glow:  rgba(232, 135, 10, 0.45);

  --green:        #00965e;
  --green-light:  #d4f5e6;

  --zalo:         #0068ff;
  --messenger:    #0084ff;

  --gray-50:      #eef2f8;
  --gray-100:     #e2e8f2;
  --gray-200:     #c5d0e0;
  --gray-500:     #5a6b82;
  --gray-700:     #2a3a52;
  --gray-900:     #061222;
  --white:        #ffffff;

  /* ── Shadows ── */
  --shadow:       0 4px 28px rgba(4, 26, 53, 0.14);
  --shadow-lg:    0 16px 48px rgba(4, 26, 53, 0.22);
  --shadow-glow:  0 0 40px var(--orange-glow);

  /* ── Border Radius ── */
  --radius:       16px;
  --radius-sm:    10px;

  /* ── Layout ── */
  --header-h:     76px;
  --side-rail-w:  72px;
  --fab-w:        56px;

  /* ── Typography ── */
  --font-primary: 'Be Vietnam Pro', system-ui, sans-serif;

  /* ── Transitions ── */
  --transition-fast:   0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow:   0.55s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Z-Index Scale ── */
  --z-rail:    900;
  --z-header:  1000;
  --z-fab:     10000;
  --z-toast:   9990;
  --z-overlay: 998;
  --z-drawer:  999;
}

/* ── Base Reset (Child Theme scope) ── */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  color: var(--gray-700);
  background: var(--gray-50);
  line-height: 1.6;
  overflow-x: hidden;
}