/* ==========================================================================
   ONEBIT SOLUTIONS - DESIGN TOKENS & VARIABLES
   Lấy cảm hứng từ hệ thống thiết kế cao cấp của onebitsolutions.com
   Kết hợp với bản sắc công nghệ hiện đại của OneBit Solutions
   ========================================================================== */

:root {
  /* Bảng màu chủ đạo (Brand Colors - Royal Purple & Tech Violet) */
  --primary-color: #6324eb;
  --primary-dark: #381ee5;
  --primary-deep: #21006d;
  --primary-gradient: linear-gradient(135deg, #6324eb 0%, #381ee5 100%);
  --primary-light: #f1f0ff;
  --primary-border: rgba(99, 36, 235, 0.15);

  /* Màu điểm nhấn (Accent - Vibrant Mint Teal & Cyan) */
  --accent-color: #00bba7;
  --accent-hover: #009989;
  --accent-light: #e8f8f5;
  --accent-gradient: linear-gradient(135deg, #00bba7 0%, #26e0b3 100%);

  /* Gradient phụ 3D (Gold, Orange, Cyan, Violet) */
  --grad-sun: linear-gradient(135deg, #ffc248 0%, #26e0b3 100%);
  --grad-warm: linear-gradient(135deg, #ffb726 0%, #a2e026 100%);
  --grad-cyan: linear-gradient(135deg, #00feff 0%, #751dff 100%);
  --grad-footer-wave: linear-gradient(135deg, #21006d 0%, #381ee5 55%, #048cb7 100%);

  /* Màu văn bản & Nền */
  --text-main: #1c0f45;
  /* Tím than đậm - siêu sắc nét */
  --text-muted: #555e70;
  /* Xám khói trung tính */
  --text-light: #ffffff;
  --bg-body: #ffffff;
  --bg-hero: linear-gradient(180deg, #edfbf8 0%, #ffffff 100%);
  --bg-surface: #f9f9fc;
  --bg-surface-alt: #f3f4f8;
  --border-color: #e5e7eb;

  /* Bóng đổ chiều sâu (Soft Elevated Shadows) */
  --shadow-sm: 0 2px 8px rgba(28, 15, 69, 0.04);
  --shadow-primary: 0 12px 32px rgba(99, 36, 235, 0.09);
  --shadow-hover: 0 20px 45px rgba(99, 36, 235, 0.16);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.05);

  /* Bo góc */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Typography */
  --font-family-base: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --header-height: 80px;

  /* Transitions */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}