/* UCAN SPORTS Theme Variables */
:root {
  /* Primary Colors - Navy Blue */
  --primary-color: #1e3a8a; /* Navy Blue-900 */
  --primary-hover: #1e40af; /* Navy Blue-800 */
  --primary-light: #2563eb; /* Navy Blue-700 */
  --primary-dark: #1e2a5e; /* Deep Navy */
  
  /* Background Colors */
  --bg-primary: #000000; /* Black */
  --bg-secondary: #111827; /* Gray-900 */
  --bg-tertiary: #1f2937; /* Gray-800 */
  
  /* Text Colors */
  --text-primary: #ffffff; /* White */
  --text-secondary: #d1d5db; /* Gray-300 */
  --text-muted: #9ca3af; /* Gray-400 */
  
  /* Border Colors */
  --border-primary: var(--primary-color);
  --border-secondary: #374151; /* Gray-700 */
  
  /* Status Colors */
  --success: #10b981; /* Emerald-500 */
  --warning: #f59e0b; /* Amber-500 */
  --error: #ef4444; /* Red-500 */
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
  --gradient-secondary: linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary));
}

/* Red Theme Override (uncomment to switch back to red) */
/*
:root {
  --primary-color: #ef4444;
  --primary-hover: #dc2626;
  --primary-light: #f87171;
  --primary-dark: #b91c1c;
}
*/

/* Utility Classes */
.text-primary { color: var(--primary-color) !important; }
.text-primary-hover:hover { color: var(--primary-hover) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.bg-primary-hover:hover { background-color: var(--primary-hover) !important; }
.border-primary { border-color: var(--primary-color) !important; }
.border-primary-hover:hover { border-color: var(--primary-hover) !important; }

/* Button Styles */
.btn-primary {
  background-color: var(--primary-color);
  color: var(--text-primary);
  border: 1px solid var(--primary-color);
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--text-primary);
}

.btn-outline-primary {
  background-color: transparent;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  transition: all 0.3s ease;
}

.btn-outline-primary:hover {
  background-color: var(--primary-color);
  color: var(--text-primary);
}

/* Link Styles */
.link-primary {
  color: var(--text-primary);
  transition: color 0.3s ease;
}

.link-primary:hover {
  color: var(--primary-color);
}

/* Card Styles */
.card-primary {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
}

/* Gradient Backgrounds */
.bg-gradient-primary {
  background: var(--gradient-primary);
}

.bg-gradient-secondary {
  background: var(--gradient-secondary);
}