/**
 * RATERIGHT BRAND COLOR STANDARDIZATION
 * Standardizes all UI colors to match index page brand scheme
 * Colors sourced from index.html - the definitive brand reference
 */

:root {
  /* INDEX PAGE BRAND COLORS - DEFINITIVE STANDARD */
  --brand-dark: #1e293b;        /* Main brand dark - text, gradients */
  --brand-medium: #334155;      /* Secondary brand - gradient end */
  --brand-deep: #0f172a;        /* Deep navy - footer background */
  --brand-primary: #2563eb;     /* Primary action - buttons */
  --brand-hover: #1d4ed8;       /* Button hover state */
  --brand-white: #ffffff;       /* Pure white */
  
  /* COMPUTED COLORS FOR CONSISTENCY */
  --brand-light: #f8fafc;       /* Very light background */
  --brand-border: #e2e8f0;      /* Light borders */
  --brand-text-light: rgba(255,255,255,0.9); /* Light text on dark */
}

/* NAVBAR - MATCH INDEX PAGE EXACTLY */
.navbar {
  background: rgba(30, 41, 59, 0.95) !important; /* Exact match to index */
  backdrop-filter: blur(10px);
}

/* LOGO/BRAND - WHITE TEXT AS PER INDEX */
.navbar-brand,
.navbar .navbar-brand,
nav .navbar-brand {
  color: var(--brand-white) !important;
  font-weight: bold !important;
}

.navbar-brand:hover,
.navbar .navbar-brand:hover {
  color: var(--brand-white) !important;
  opacity: 0.9;
}

/* HARD HAT ICON - WHITE TO MATCH INDEX LOGO STYLE */
.navbar-brand i,
.navbar-brand .fas {
  color: var(--brand-white) !important;
}

/* NAVIGATION LINKS - WHITE TEXT AS PER INDEX */
.navbar-nav .nav-link {
  color: var(--brand-white) !important;
  opacity: 0.9;
}

.navbar-nav .nav-link:hover {
  color: var(--brand-white) !important;
  opacity: 1;
}

/* DROPDOWN MENUS - SOLID BACKGROUND FOR READABILITY */
.dropdown-menu {
  background: var(--brand-dark) !important; /* Solid, not transparent */
  border: 1px solid var(--brand-medium);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}

.dropdown-item {
  color: var(--brand-white) !important;
  transition: all 0.15s ease;
}

.dropdown-item:hover {
  background-color: var(--brand-medium) !important;
  color: var(--brand-white) !important;
}

/* DASHBOARD HOVER STATES - NO YELLOW, USE BRAND COLORS */
.hover-lift:hover,
.card:hover,
.account-type-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(37, 99, 235, 0.15) !important; /* Brand primary shadow */
}

/* BUTTONS - MATCH INDEX PAGE BUTTON SCHEME */
.btn-primary {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-white) !important;
}

.btn-primary:hover {
  background: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
  color: var(--brand-white) !important;
  transform: translateY(-2px);
}

.btn-secondary {
  background: transparent !important;
  color: var(--brand-primary) !important;
  border: 2px solid var(--brand-primary) !important;
}

.btn-secondary:hover {
  background: var(--brand-primary) !important;
  color: var(--brand-white) !important;
  border-color: var(--brand-primary) !important;
}

/* FOOTER - MATCH INDEX PAGE FOOTER EXACTLY */
.footer {
  background: var(--brand-deep) !important; /* #0f172a from index */
  color: var(--brand-white) !important;
}

.footer-links a {
  color: var(--brand-white) !important;
  opacity: 0.8;
}

.footer-links a:hover {
  color: var(--brand-white) !important;
  opacity: 1;
}

.footer .text-muted {
  color: rgba(255,255,255,0.7) !important;
}

/* OVERRIDE ANY YELLOW/ORANGE CONSTRUCTION COLORS */
/* Replace construction colors with index page brand colors */
.text-construction {
  color: var(--brand-primary) !important; /* Blue instead of orange */
}

.badge-active,
.btn-warning {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-white) !important;
}

/* GRADIENTS - USE INDEX PAGE GRADIENT SCHEME */
.hero-section,
.construction-header {
  background: linear-gradient(135deg, var(--brand-dark) 0%, var(--brand-medium) 100%) !important;
  color: var(--brand-white) !important;
}

/* CARDS AND SURFACES - CONSISTENT WITH INDEX BACKGROUND */
body {
  background-color: var(--brand-light) !important; /* #f8fafc from index */
  color: var(--brand-dark) !important;
}

/* ACCESSIBILITY - ENSURE PROPER CONTRAST */
.text-muted {
  color: var(--brand-medium) !important; /* Readable contrast */
}

/* ALERTS - USE BRAND COLORS FOR CONSISTENCY */
.alert-success {
  background-color: rgba(37, 99, 235, 0.1);
  border-color: var(--brand-primary);
  color: var(--brand-dark);
}

.alert-warning {
  background-color: rgba(30, 41, 59, 0.1);
  border-color: var(--brand-medium);
  color: var(--brand-dark);
}