/* Design Tokens & CSS Variables for Tuyển Sinh 2026 */
:root {
  /* Brand Color Palette */
  --primary-900: #0A2540;
  --primary-800: #103358;
  --primary-700: #174271;
  --primary-600: #1E5692;
  --primary-500: #2563EB; /* Main Brand Accent */
  --primary-400: #3B82F6;
  --primary-300: #60A5FA;
  --primary-200: #93C5FD;
  --primary-100: #DBEAFE;
  --primary-50:  #EFF6FF;

  /* Accent & Complementary */
  --accent-600:  #4F46E5;
  --accent-500:  #6366F1;
  --accent-400:  #818CF8;
  --accent-100:  #EEF2FF;

  /* Status Colors */
  --status-pending-bg:   #FEF3C7; /* Vàng cam cho Chưa hoàn thiện */
  --status-pending-text: #92400E;
  --status-pending-border: #FCD34D;

  --status-review-bg:    #E0F2FE; /* Xanh dương cho Chờ duyệt */
  --status-review-text:  #0369A1;
  --status-review-border: #7DD3FC;

  --status-approved-bg:  #DCFCE7; /* Xanh lá cho Đã duyệt */
  --status-approved-text: #15803D;
  --status-approved-border: #86EFAC;

  --status-danger-bg:    #FEE2E2;
  --status-danger-text:  #B91C1C;
  --status-danger-border: #FCA5A5;

  /* Neutrals & Surfaces */
  --surface-0:   #FFFFFF;
  --surface-50:  #F8FAFC;
  --surface-100: #F1F5F9;
  --surface-200: #E2E8F0;
  --surface-300: #CBD5E1;
  --surface-400: #94A3B8;
  --surface-500: #64748B;
  --surface-600: #475569;
  --surface-700: #334155;
  --surface-800: #1E293B;
  --surface-900: #0F172A;

  /* Typography */
  --font-sans: 'Be Vietnam Pro', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;

  /* Elevation Shadows */
  --shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px -1px rgba(16, 24, 40, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(16, 24, 40, 0.1), 0 4px 6px -4px rgba(16, 24, 40, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(16, 24, 40, 0.1), 0 8px 10px -6px rgba(16, 24, 40, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(16, 24, 40, 0.25);
  --shadow-card: 0 4px 20px -2px rgba(15, 23, 42, 0.08);

  /* Border Radiuses */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout Widths */
  --max-width-site: 1280px;
  --header-height: 72px;
  --switcher-height: 40px;
  --sidebar-width: 260px;
}