/* PrimeNG Lara Light Blue Theme - Custom Variables Only */
/* Base theme imported via angular.json to prevent circular imports */

/* Custom light theme variables */
:root {
  --primary-color: #3B82F6;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #f8fafc;
  --surface-100: #f1f5f9;
  --surface-200: #e2e8f0;
  --surface-300: #cbd5e1;
  --surface-400: #94a3b8;
  --surface-500: #64748b;
  --surface-600: #475569;
  --surface-700: #334155;
  --surface-800: #1e293b;
  --surface-900: #0f172a;
  --text-color: #334155;
  --text-color-secondary: #64748b;
  --border-color: #e2e8f0;
}

/* Light theme body styles */
body.light-theme {
  background-color: var(--surface-0);
  color: var(--text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}