/* assets/css/variables.css */

:root {
  --cyan: #00D4FF;
  --cobalt: #0056B3;
  --bg-light: #FCFCFD;
  --card-bg-light: rgba(255, 255, 255, 0.75);
  --border-glass-light: rgba(0, 86, 179, 0.12);
  --text-primary-light: #1A2C3E;
  --text-secondary-light: #2C4C6E;
  --gradient: linear-gradient(135deg, var(--cyan), var(--cobalt));
}

body.dark {
  --bg-light: #0A0F1A;
  --card-bg-light: rgba(18, 22, 35, 0.95);
  --border-glass-light: rgba(0, 212, 255, 0.3);
  --text-primary-light: #F1F5F9;
  --text-secondary-light: #E2E8F0;
}