/* 
 * Application Base Styles
 * 
 * Brand-specific styles only. Bootstrap handles most base styles.
 * This file should be minimal - use Bootstrap utilities wherever possible.
 */

/* Brand Colors & Theme Variables */
:root {
  /* Brand gradient - keep custom as Bootstrap doesn't provide this */
  --nitecap-gradient: linear-gradient(135deg, #006D8F 0%, #AA00CC 100%);
  
  /* Brand colors */
  --nitecap-primary: #006D8F;
  --nitecap-secondary: #AA00CC;
  
  /* Text colors */
  --nitecap-text-primary: rgba(255, 255, 255, 0.87);
  --nitecap-text-secondary: rgba(255, 255, 255, 0.75);
  
  /* Border colors */
  --nitecap-border: rgba(255, 255, 255, 0.1);
}

/* Body - Brand gradient background */
/* Bootstrap handles margin, font-family, etc. */
body {
  background: var(--nitecap-gradient);
  min-height: 100vh;
  color: var(--nitecap-text-primary);
  /* Font smoothing - keep for better text rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

/* Footer - Using Bootstrap classes in HTML, minimal custom styling */
.site-footer {
  border-top: 1px solid var(--nitecap-border);
  color: var(--nitecap-text-secondary);
}

.footer-link {
  color: white;
  text-decoration: none;
  font-weight: 600;
  transition: opacity 0.2s ease;
}

.footer-link:hover {
  opacity: 0.8;
}