:root {
  --primary: #00A1FF;
  --primary-dark: #008AE6;
  --primary-light: #ebf7ff;
  --accent: #00D4FF;
  --success: #00C853;
  --success-light: #ebfbf1;
  --danger: #FF5252;
  --danger-light: #fff1f1;
  --warning: #FFAB00;
  --warning-light: #fff8eb;
  --info: #00B0FF;
  --info-light: #ebf9ff;
  --bg: #f5f7fa;
  --card: #ffffff;
  --surface: #ffffff;
  --text: #161823;
  --text-secondary: #666666;
  --text-muted: #999999;
  --border: #eef0f4;
  --shadow-sm: 0 2px 8px rgba(22, 24, 35, 0.04);
  --shadow: 0 4px 24px rgba(22, 24, 35, 0.06);
  --shadow-lg: 0 12px 40px rgba(22, 24, 35, 0.12);
}