/* Minimal custom layer on top of Bootstrap */
:root{
  --brand: #dc2626; /* red */
  --bg-soft: #f5f7fb;
  --hero-subtitle: #065f46; /* dark green */
  --hero-paragraph: #1e3a8a; /* dark blue */
}

html{
  scroll-behavior: smooth;
}

body{
  background: var(--bg-soft);
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.navbar-brand{
  font-weight: 700;
}

.navbar-red{
  background: var(--brand) !important;
}
.navbar-red .navbar-brand,
.navbar-red .nav-link{
  color: rgba(255,255,255,.92) !important;
}
.navbar-red .nav-link:hover{
  color: #fff !important;
}
.navbar-red .navbar-toggler{
  border-color: rgba(255,255,255,.35);
}
.navbar-red .navbar-toggler-icon{
  filter: invert(1);
}

.site-footer{
  background: #050814;
  color: rgba(255,255,255,.92);
}
.site-footer .footer-link{
  color: rgba(255,255,255,.80);
  text-decoration: none;
}
.site-footer .footer-link:hover{
  color: #fff;
  text-decoration: underline;
}
.site-footer .footer-divider{
  border-color: rgba(255,255,255,.12);
}

.hero{
  background: linear-gradient(135deg, rgba(37,99,235,.12), rgba(16,185,129,.10));
  border: 1px solid rgba(15,23,42,.06);
}

.hero-title{
  color: var(--brand);
  letter-spacing: -0.02em;
}
.hero-subtitle{
  color: var(--hero-subtitle) !important;
  font-weight: 600;
}
.hero-paragraph{
  color: var(--hero-paragraph) !important;
}

.experience-blue{
  color: var(--hero-paragraph) !important;
}

.category-blue{
  color: var(--hero-paragraph) !important;
}

.card-soft{
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 10px 25px rgba(2,6,23,.05);
}

.admin-shell{
  min-height: 100vh;
}

.admin-sidebar{
  background: #0b1220;
}
.admin-sidebar a{
  color: rgba(255,255,255,.82);
  text-decoration: none;
}
.admin-sidebar a:hover{
  color: #fff;
}
.admin-sidebar .active{
  background: rgba(37,99,235,.18);
  border-left: 3px solid var(--brand);
}

.table td, .table th{
  vertical-align: middle;
}