/* ============================================================
   CSS VARIABLES (CUSTOM PROPERTIES)
   ============================================================ */

:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f5;
  --bg-tertiary: #e8e8e8;
  --bg-active: #d0d0d0;
  --text-primary: #111111;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --border-primary: #ddd;
  --border-secondary: #ccc;
  --success: #5cd69d;
  --error: #f25a5a;
  --warning: #fbca51;
  --accent-primary: #9557b5;
  --accent-secondary: #683d7f;
  --accent-foreground: #ffffff;
  --accent-muted: rgba(149, 87, 181, 0.12);
  --accent-blue: #41adff;
  --accent-green: #4caf50;
  --accent-yellow: #f39c12;
  --accent-red: #f25a5a;
  --gradient-start: #3C856C;
  --gradient-2: #60ECB4;
  --gradient-3: #E390FF;
  --gradient-4: #9557B5;
}