:root {
  --primary-blue: #1e40af; /* blue-800 */
  --primary-blue-hover: #1e3a8a; /* blue-900 */
  --accent-color: #f59e0b; /* amber-500 */
  --accent-color-hover: #d97706; /* amber-600 */
  --secondary-teal: #0d9488; /* teal-600 */
}

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

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

.accent-bg {
  background-color: var(--accent-color);
}

.secondary-teal-text {
  color: var(--secondary-teal);
}

.geometric-bg {
  background-color: #eff6ff; /* blue-50 */
  background-image: radial-gradient(#dbeafe 1px, transparent 1px);
  background-size: 20px 20px;
}