/* Charlie Racconta - Contact Theme - Variante colori pastello */

:root {
  /* Variante azzurro-celeste pastello per la pagina Contatti */
  --primary-color: #63B3ED;
  --primary-dark: #4299E1;
  --primary-light: #EBF8FF;
  --accent-color: #4FD1C5;
  --accent-dark: #38B2AC;
  --accent-light: #E6FFFA;
  --secondary-color: #90CDF4;
  --secondary-dark: #63B3ED;
  --secondary-light: #EBF8FF;
  --tertiary-color: #81E6D9;
  --tertiary-dark: #4FD1C5;
  --tertiary-light: #E6FFFA;
  --success-color: #84CC16;
  --success-dark: #65A30D;
  --success-light: #ECFCCB;
  --warning-color: #FACC15;
  --warning-dark: #EAB308;
  --warning-light: #FEF9C3;
  --error-color: #EF4444;
  --error-dark: #DC2626;
  --error-light: #FEE2E2;
  --text-color: #2D3748;
  --text-light: #4A5568;
  --bg-color: #EBF8FF;
  --white: #FFFFFF;
  --gray-100: #F7FAFC;
  --gray-200: #EDF2F7;
  --gray-300: #E2E8F0;
  --gray-400: #CBD5E0;
  --gray-500: #A0AEC0;
  --gray-600: #718096;
  --gray-700: #4A5568;
  --gray-800: #2D3748;
  --gray-900: #1A202C;
}

/* Tailwind Overrides for Contact Theme */
.bg-blue-600, .bg-blue-700 {
  background-color: var(--primary-color);
}

.hover\:bg-blue-700:hover {
  background-color: var(--primary-dark);
}

.text-blue-600, .text-blue-700, .text-blue-800 {
  color: var(--primary-dark);
}

.border-blue-600 {
  border-color: var(--primary-color);
}

.hover\:border-blue-600:hover {
  border-color: var(--primary-dark);
}

.bg-blue-50 {
  background-color: var(--primary-light);
}

.bg-blue-100 {
  background-color: var(--primary-light);
}