:root {
  --primary-orange: #C2410C;
  --primary-orange-hover: #9A3412;
  --primary-orange-light: #FFEDD5;
  --dark-slate: #0F172A;
  --sidebar-slate: #1E293B;
  --border-subtle: #E2E8F0;
  --bg-canvas: #F8FAFC;
  --text-main: #0F172A;
  --text-muted: #64748B;
  --radius-card: 10px;
  --radius-btn: 6px;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
}

/* Base Body & App Font */
body {
  background-color: var(--bg-canvas) !important;
  color: var(--text-main) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Modern Top Navigation Bar */
.top-header, .navbar, header {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
  border-bottom: 2px solid var(--primary-orange) !important;
  box-shadow: var(--shadow-md) !important;
}

.top-header .brand-title, .navbar-brand {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
}

/* Sidebar Overhaul */
.sidebar, .nav-sidebar {
  background-color: var(--sidebar-slate) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.sidebar a, .nav-sidebar a {
  color: #94A3B8 !important;
  transition: all 0.2s ease-in-out;
}

.sidebar a:hover, .sidebar a.active {
  background-color: rgba(194, 65, 12, 0.15) !important;
  color: #FFFFFF !important;
  border-left: 3px solid var(--primary-orange) !important;
}

/* Modern Rounded Buttons */
.btn-primary, .button-primary, button[type="submit"] {
  background: var(--primary-orange) !important;
  border: 1px solid var(--primary-orange) !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  border-radius: var(--radius-btn) !important;
  box-shadow: 0 2px 4px rgba(194, 65, 12, 0.25) !important;
  transition: all 0.18s ease;
}

.btn-primary:hover, .button-primary:hover, button[type="submit"]:hover {
  background: var(--primary-orange-hover) !important;
  border-color: var(--primary-orange-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(154, 52, 18, 0.3) !important;
}

/* Cards & Content Panels */
.card, .panel, .content-box {
  background: #FFFFFF !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* Section Headings */
h1, h2, h3, .section-heading {
  color: var(--dark-slate) !important;
  font-weight: 700 !important;
}

/* Match Score Badges */
.badge-tier1, .score-high {
  background-color: #DCFCE7 !important;
  color: #15803D !important;
  border: 1px solid #86EFAC !important;
  font-weight: 700;
}

.badge-tier2, .score-mid {
  background-color: var(--primary-orange-light) !important;
  color: var(--primary-orange) !important;
  border: 1px solid #FDBA74 !important;
  font-weight: 700;
}