:root {
  --blue-start: #549ee6;
  --blue-end: #1a7ee7;
  --blue-gradient: linear-gradient(180deg, #549ee6 0%, #1a7ee7 48%);
  --bg-gray: #f9fafb;
  --bg-light: #f3f4f6;
  --text-dark: #101828;
  --text-body: #4a5565;
  --text-mid: #364153;
  --text-light: #99a1af;
  --text-white: #ffffff;
  --text-white-90: rgba(255,255,255,0.9);
  --orange: #eb8203;
  --border: #d1d5dc;
  --shadow-card: 0 2px 4px -2px rgba(0,0,0,0.1), 0 6px 10px -2px rgba(0,0,0,0.1);
  --radius-card: 12px;
  --radius-btn: 8px;
  --max-w: 1100px;
  --filter-white: invert(100%) sepia(100%) grayscale(100%) brightness(200%);
  --filter-gray: grayscale(100%) brightness(80%);
  --filter-black: grayscale(100%) brightness(0%);
}