/* Color Utilities - OJDX Design System */

:root {
  /* Primary Colors - Starfield Space Tech Aesthetic */
  --color-bright-blue: #4fc3f7;
  --color-electric-cyan: #00e5ff;
  --color-warm-amber: #ffca28;
  --color-soft-purple: #ab47bc;

  /* Neutral Foundation */
  --color-space-black: #0d1421;
  --color-panel-dark: #1a2332;
  --color-border-blue: #2d3748;
  --color-text-light: #e2e8f0;
  --color-white: #ffffff;
}

/* Color Utility Classes */
.text-bright-blue {
  color: var(--color-bright-blue);
}
.text-cyan {
  color: var(--color-electric-cyan);
}
.text-amber {
  color: var(--color-warm-amber);
}
.text-purple {
  color: var(--color-soft-purple);
}
.text-light {
  color: var(--color-text-light);
}
.text-white {
  color: var(--color-white);
}

.bg-space {
  background-color: var(--color-space-black);
}
.bg-panel {
  background-color: var(--color-panel-dark);
}
.bg-bright-blue {
  background-color: var(--color-bright-blue);
}
.bg-cyan {
  background-color: var(--color-electric-cyan);
}
.bg-amber {
  background-color: var(--color-warm-amber);
}
.bg-purple {
  background-color: var(--color-soft-purple);
}

.border-blue {
  border-color: var(--color-border-blue);
}
.border-bright-blue {
  border-color: var(--color-bright-blue);
}
.border-cyan {
  border-color: var(--color-electric-cyan);
}
.border-amber {
  border-color: var(--color-warm-amber);
}
.border-purple {
  border-color: var(--color-soft-purple);
}