/*
SENATONGA Official Color Palette CSS
Brand Colors: Orange #c85310, Navy #1b344b, Beige #ebbca1, Green #457a00, Blue #1f80ff, Gold #cca300
*/

:root {
  --senatonga-orange: #c85310;
  --senatonga-navy: #1b344b;
  --senatonga-beige: #ebbca1;
  --senatonga-green: #457a00;
  --senatonga-blue: #1f80ff;
  --senatonga-gold: #cca300;
  
  /* Variations */
  --senatonga-orange-light: #e0691a;
  --senatonga-orange-dark: #a8440d;
  --senatonga-navy-light: #2c4f6b;
  --senatonga-navy-dark: #0f1f2d;
  --senatonga-beige-light: #f5e8d7;
  --senatonga-beige-dark: #d4a584;
}

/* Primary Brand Colors */
.bg-senatonga-orange { background-color: var(--senatonga-orange) !important; }
.bg-senatonga-navy { background-color: var(--senatonga-navy) !important; }
.bg-senatonga-beige { background-color: var(--senatonga-beige) !important; }
.bg-senatonga-green { background-color: var(--senatonga-green) !important; }
.bg-senatonga-blue { background-color: var(--senatonga-blue) !important; }
.bg-senatonga-gold { background-color: var(--senatonga-gold) !important; }

.text-senatonga-orange { color: var(--senatonga-orange) !important; }
.text-senatonga-navy { color: var(--senatonga-navy) !important; }
.text-senatonga-beige { color: var(--senatonga-beige) !important; }
.text-senatonga-green { color: var(--senatonga-green) !important; }
.text-senatonga-blue { color: var(--senatonga-blue) !important; }
.text-senatonga-gold { color: var(--senatonga-gold) !important; }

.border-senatonga-orange { border-color: var(--senatonga-orange) !important; }
.border-senatonga-navy { border-color: var(--senatonga-navy) !important; }
.border-senatonga-beige { border-color: var(--senatonga-beige) !important; }
.border-senatonga-green { border-color: var(--senatonga-green) !important; }
.border-senatonga-blue { border-color: var(--senatonga-blue) !important; }
.border-senatonga-gold { border-color: var(--senatonga-gold) !important; }

/* Button Variants */
.btn-senatonga-orange {
  background-color: var(--senatonga-orange);
  border-color: var(--senatonga-orange);
  color: white;
}
.btn-senatonga-orange:hover {
  background-color: var(--senatonga-orange-dark);
  border-color: var(--senatonga-orange-dark);
  color: white;
}

.btn-senatonga-navy {
  background-color: var(--senatonga-navy);
  border-color: var(--senatonga-navy);
  color: white;
}
.btn-senatonga-navy:hover {
  background-color: var(--senatonga-navy-dark);
  border-color: var(--senatonga-navy-dark);
  color: white;
}

.btn-senatonga-green {
  background-color: var(--senatonga-green);
  border-color: var(--senatonga-green);
  color: white;
}
.btn-senatonga-green:hover {
  background-color: #3a6500;
  border-color: #3a6500;
  color: white;
}

.btn-senatonga-blue {
  background-color: var(--senatonga-blue);
  border-color: var(--senatonga-blue);
  color: white;
}
.btn-senatonga-blue:hover {
  background-color: #1a6ecc;
  border-color: #1a6ecc;
  color: white;
}

.btn-senatonga-gold {
  background-color: var(--senatonga-gold);
  border-color: var(--senatonga-gold);
  color: white;
}
.btn-senatonga-gold:hover {
  background-color: #b39000;
  border-color: #b39000;
  color: white;
}

/* Outline Button Variants */
.btn-outline-senatonga-orange {
  color: var(--senatonga-orange);
  border-color: var(--senatonga-orange);
}
.btn-outline-senatonga-orange:hover {
  background-color: var(--senatonga-orange);
  border-color: var(--senatonga-orange);
  color: white;
}

.btn-outline-senatonga-navy {
  color: var(--senatonga-navy);
  border-color: var(--senatonga-navy);
}
.btn-outline-senatonga-navy:hover {
  background-color: var(--senatonga-navy);
  border-color: var(--senatonga-navy);
  color: white;
}

.btn-outline-senatonga-green {
  color: var(--senatonga-green);
  border-color: var(--senatonga-green);
}
.btn-outline-senatonga-green:hover {
  background-color: var(--senatonga-green);
  border-color: var(--senatonga-green);
  color: white;
}

.btn-outline-senatonga-blue {
  color: var(--senatonga-blue);
  border-color: var(--senatonga-blue);
}
.btn-outline-senatonga-blue:hover {
  background-color: var(--senatonga-blue);
  border-color: var(--senatonga-blue);
  color: white;
}

.btn-outline-senatonga-gold {
  color: var(--senatonga-gold);
  border-color: var(--senatonga-gold);
}
.btn-outline-senatonga-gold:hover {
  background-color: var(--senatonga-gold);
  border-color: var(--senatonga-gold);
  color: white;
}

/* Badge Variants */
.badge.bg-senatonga-orange { background-color: var(--senatonga-orange) !important; }
.badge.bg-senatonga-navy { background-color: var(--senatonga-navy) !important; }
.badge.bg-senatonga-green { background-color: var(--senatonga-green) !important; }
.badge.bg-senatonga-blue { background-color: var(--senatonga-blue) !important; }
.badge.bg-senatonga-gold { background-color: var(--senatonga-gold) !important; }

/* Navbar and Navigation */
.navbar-senatonga {
  background: linear-gradient(135deg, var(--senatonga-navy) 0%, var(--senatonga-orange) 100%);
}

/* Card Headers */
.card-header-senatonga {
  background: linear-gradient(135deg, var(--senatonga-navy) 0%, var(--senatonga-orange) 100%);
  color: white;
}

/* Dashboard Gradients */
.dashboard-gradient-primary {
  background: linear-gradient(135deg, var(--senatonga-navy) 0%, var(--senatonga-orange) 100%);
}

.dashboard-gradient-secondary {
  background: linear-gradient(135deg, var(--senatonga-green) 0%, var(--senatonga-blue) 100%);
}

.dashboard-gradient-accent {
  background: linear-gradient(135deg, var(--senatonga-gold) 0%, var(--senatonga-orange) 100%);
}

/* Assessment Progress */
.assessment-progress {
  background-color: var(--senatonga-beige);
}

.assessment-progress .progress-bar {
  background-color: var(--senatonga-orange);
}

/* Landing Page Sections */
.hero-section {
  background: linear-gradient(135deg, var(--senatonga-navy) 0%, var(--senatonga-orange) 100%);
}

.features-section {
  background-color: var(--senatonga-beige);
}

/* Role-specific Colors */
.role-coach { color: var(--senatonga-green) !important; }
.role-coachee { color: var(--senatonga-blue) !important; }
.role-client-admin { color: var(--senatonga-gold) !important; }
.role-org-admin { color: var(--senatonga-gold) !important; }
.role-super-admin { color: var(--senatonga-orange) !important; }

.bg-role-coach { background-color: var(--senatonga-green) !important; color: white !important; }
.bg-role-coachee { background-color: var(--senatonga-blue) !important; color: white !important; }
.bg-role-client-admin { background-color: var(--senatonga-gold) !important; color: #000 !important; }
.bg-role-org-admin { background-color: var(--senatonga-gold) !important; color: #000 !important; }
.bg-role-super-admin { background-color: var(--senatonga-orange) !important; color: white !important; }

/* Status Colors */
.status-active { color: var(--senatonga-green) !important; }
.status-inactive { color: var(--senatonga-gold) !important; }
.status-archived { color: var(--senatonga-navy) !important; }

.bg-status-active { background-color: var(--senatonga-green) !important; }
.bg-status-inactive { background-color: var(--senatonga-gold) !important; }
.bg-status-archived { background-color: var(--senatonga-navy) !important; }

/* Sidebar Navigation */
.sidebar-senatonga {
  background-color: var(--senatonga-navy);
}

.sidebar-senatonga .nav-link {
  color: var(--senatonga-beige);
}

.sidebar-senatonga .nav-link:hover,
.sidebar-senatonga .nav-link.active {
  background-color: var(--senatonga-orange);
  color: white;
}

/* Form Focus States */
.form-control:focus {
  border-color: var(--senatonga-orange);
  box-shadow: 0 0 0 0.2rem rgba(200, 83, 16, 0.25);
}

.form-select:focus {
  border-color: var(--senatonga-orange);
  box-shadow: 0 0 0 0.2rem rgba(200, 83, 16, 0.25);
}

/* Links */
a {
  color: var(--senatonga-navy);
}

a:hover {
  color: var(--senatonga-navy-dark);
}

/* Avatar Colors */
.avatar-coach { background-color: var(--senatonga-green) !important; }
.avatar-coachee { background-color: var(--senatonga-blue) !important; }
.avatar-org-admin { background-color: var(--senatonga-gold) !important; }
.avatar-super-admin { background-color: var(--senatonga-orange) !important; }
.avatar-default { background-color: var(--senatonga-navy) !important; }