/* Ghostbuster Color Scheme */
:root {
  /* Main Colors */
  --dark-teal: #12343d;
  --dark-blue: #052456;
  --light-blue: #0398c8;
  --gold: #ffd700;
  --cta-orange: #ff7e03;
  
  /* Additional UI Colors */
  --white: #ffffff;
  --light-gray: #f5f5f5;
  --medium-gray: #e0e0e0;
  --dark-gray: #333333;
  --black: #000000;
  
  /* Overlay Colors */
  --overlay-dark: rgba(0, 0, 0, 0.7);
  --overlay-light: rgba(255, 255, 255, 0.7);
}

/* Utility Classes */
.text-dark-teal { color: var(--dark-teal); }
.bg-dark-teal { background-color: var(--dark-teal); }

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

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

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

.text-cta-orange { color: var(--cta-orange); }
.bg-cta-orange { background-color: var(--cta-orange); }