/*
 * Tema "PQ Light" del sito, adattato da .theme-pq di easy-frontend-quasar-vite/src/css/themes.scss.
 * Le variabili --q-* e --page-* hanno gli stessi nomi e valori del frontend; le --site-* servono solo al sito.
 * Si seleziona in index.html, nel <link id="theme">.
 */
:root {
  --q-primary:   #2c4568;
  --q-secondary: #64748b;
  --q-accent:    #eab308;
  --q-dark:      #0f172a;

  --q-positive:  #10b981;
  --q-negative:  #ef4444;
  --q-info:      #3b82f6;
  --q-warning:   #f59e0b;

  --q-light:     #f8fafc;

  --page-bg-color: #f1f5f9;

  --page-header-bg-color: #ffffff;
  --page-footer-bg-color: #ffffff;
  --page-header-color: var(--q-primary);
  --page-footer-color: var(--q-secondary);

  /* Solo sito */
  --site-header-bg: rgba(255, 255, 255, 0.85);
  --site-header-border: #e2e8f0;
  --site-nav-color: var(--q-secondary);
  --site-nav-hover-color: var(--q-primary);
  --site-login-hover-bg: #eef2f7;

  --site-hero-bg: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%);
  --site-hero-title: var(--q-dark);
  --site-hero-text: #475569;

  --site-cta-bg: var(--q-primary);
  --site-cta-hover-bg: #3b5a82;
  --site-cta-color: #ffffff;

  --site-eyebrow-color: var(--q-primary);

  --site-footer-title: var(--q-primary);
  --site-footer-border: #e2e8f0;
}