/* Brand palette */
:root {
  --brand-yellow: #ffc107;
  --brand-yellow-700: #e0a800;
  --brand-black: #111111;
  --brand-white: #ffffff;
}

body { background-color: #f7f7f7; color: #1f1f1f; }
.navbar-brand { font-weight: 600; }

/* App layout */
.app { min-height: 100vh; }
.sidebar {
  width: 260px;
  background: var(--brand-black);
  color: var(--brand-white);
}
.sidebar .nav-link { color: rgba(255,255,255,0.88); border-radius: .5rem; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: var(--brand-black); background-color: var(--brand-yellow); }
.sidebar .sidebar-brand { color: var(--brand-yellow); font-weight: 600; }
.content { background: #f6f7fb; }
.content-inner { max-width: 1400px; }
.app-footer { background: #fff; }
.content-topbar { position: sticky; top: 0; z-index: 1020; }
.content-bottombar { position: sticky; bottom: 0; z-index: 1010; }

/* Cards polish */
.card { border: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-radius: .75rem; background: var(--brand-white); }
.card .card-title { font-weight: 600; }

/* Tables */
table.table { background: var(--brand-white); }
table.table thead th { background: #fff6d6; font-weight: 600; }

/* Buttons */
.btn { border-radius: .5rem; }
/* Primary button = yellow */
.btn-primary { background: var(--brand-yellow); border-color: var(--brand-yellow); color: #1f1f1f; }
.btn-primary:hover { background: var(--brand-yellow-700); border-color: var(--brand-yellow-700); color: #1f1f1f; }
.btn-outline-primary { color: var(--brand-yellow); border-color: var(--brand-yellow); }
.btn-outline-primary:hover { background: var(--brand-yellow); border-color: var(--brand-yellow); color: #1f1f1f; }

/* Bootstrap color overrides for yellow theme */
.bg-primary { background-color: var(--brand-yellow) !important; }
.text-primary { color: var(--brand-yellow) !important; }
.border-primary { border-color: var(--brand-yellow) !important; }

/* Public landing */
.hero {
  background: radial-gradient(1200px 800px at 20% 0%, #fff6d6 0%, #ffffff 60%);
  border-radius: 1rem;
}
.hero .lead { color: #4f5d75; }
.feature-icon { width: 44px; height: 44px; border-radius: .5rem; display: inline-flex; align-items: center; justify-content: center; }
.feature-card { transition: transform .15s ease, box-shadow .15s ease; }
.feature-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }

/* Auth header background */
body.bg-light { background: #fafafa !important; }