:root {
  --color-primary-blue: #1388F6;
  --color-primary-cyan: #18B8D7;
  --color-primary-green: #2ED0AA;
  --color-primary: #1686F7;
  --color-primary-600: #0E7AE8;
  --color-primary-gradient: linear-gradient(135deg, #1388F6 0%, #18B8D7 46%, #2ED0AA 100%);
  --color-primary-gradient-2: linear-gradient(135deg, #067DFB 0%, #4ADFAC 100%);
  --color-primary-gradient-hover: linear-gradient(135deg, #0E7AE8 0%, #15A8C7 46%, #26BEAB 100%);

  --color-text-primary: #182238;
  --color-text-secondary: #1F2B42;
  --color-text-tertiary: #718097;
  --color-text-muted: #5E6A7E;
  --color-text-label: #35435A;
  --color-text-white: #FFFFFF;
  --color-text-dark: #0F1B34;
  --color-text-price: #FF5E57;

  --color-bg-page: #F8FAFC;
  --color-bg-white: #FFFFFF;
  --color-bg-light-blue: #F4F9FF;
  --color-bg-light-teal: #F0FDFA;
  --color-bg-gray: #F1F5F9;
  --color-bg-input: #F8FAFC;
  --color-bg-card: #FFFFFF;
  --color-bg-footer: #F8FBFF;
  --color-bg-table-header: #F7FBFF;

  --color-border: #E7ECF3;
  --color-border-light: #E4EAF3;
  --color-border-lighter: #F1F5F9;
  --color-border-primary: #1686F7;
  --color-border-primary-light: rgba(22, 134, 247, 0.35);
  --color-border-blue-light: #D9EAFF;

  --color-error: #EF4444;
  --color-error-bg: #FEF2F2;
  --color-success: #13A979;
  --color-success-bg: #DCFBF0;
  --color-success-light: #EAFBF5;
  --color-warning: #F59E0B;
  --color-warning-bg: #FFFBEB;
  --color-info: #3B82F6;
  --color-info-bg: #EFF6FF;
  --color-purple: #8B5CF6;
  --color-purple-bg: #F5F3FF;

  --color-rt-bg: #14152A;
  --color-rt-text: #1AFF60;

  --shadow-xs: 0 1px 2px rgba(24, 34, 56, 0.05);
  --shadow-sm: 0 4px 24px rgba(24, 34, 56, 0.06);
  --shadow-md: 0 8px 30px rgba(24, 34, 56, 0.08);
  --shadow-lg: 0 18px 42px rgba(24, 34, 56, 0.08);
  --shadow-xl: 0 30px 48px rgba(24, 34, 56, 0.12);
  --shadow-card: 0 18px 42px rgba(24, 34, 56, 0.08);
  --shadow-btn: 0 14px 28px rgba(22, 134, 247, 0.20);
  --shadow-btn-sm: 0 6px 22px rgba(22, 134, 247, 0.24);
  --shadow-btn-header: 0 8px 26px rgba(22, 134, 247, 0.22);

  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 999px;

  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-base: 13px;
  --font-size-md: 14px;
  --font-size-lg: 15px;
  --font-size-xl: 17px;
  --font-size-2xl: 20px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --header-height: 68px;
  --content-max-width: 1260px;
  --content-padding-x: 32px;
}