/* ============================
   K-State Brand Overrides
   Load AFTER shared-styles.css
   ============================ */

:root{
  /* K-State official primary palette */
  --ksu-purple:#512888;
  --ksu-white:#ffffff;
  --ksu-black:#000000;

  /* Supporting neutrals (brand grays) */
  --ksu-gray-200:#D1D1D1;
  --ksu-gray-400:#A7A7A7;

  /* Accent (use sparingly) */
  --ksu-gold:#F4C55C;

  /* Map site variables -> brand */
  --accent: var(--ksu-purple);
  --accent-dark:#3E1F66;      /* darker purple for hover */
  --accent-light:#E9E0F7;     /* pale purple tint */
  --text-dark:#141414;
  --border-light:#E8E8E8;

  /* Layout rhythm */
  --radius-lg: 16px;
  --radius-md: 12px;
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.08);
  --shadow-md: 0 10px 24px rgba(0,0,0,0.12);
}

/* Global typography + rhythm */
html{scroll-behavior:smooth}
body{
  font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text-dark);
  line-height:1.65;
}
h1,h2,h3,h4,h5{letter-spacing:-0.02em}
.container{max-width:1140px}

/* Links */
a{color:var(--accent); text-underline-offset:3px}
a:hover{color:var(--accent-dark)}

/* Buttons (Bootstrap + your existing .btn usage) */
.btn{
  border-radius:999px;
  font-weight:650;
  padding:.65rem 1.05rem;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}
.btn:hover{transform:translateY(-1px); box-shadow:var(--shadow-sm)}
.btn:focus{box-shadow:0 0 0 .25rem rgba(81,40,136,.25)}
.btn-primary{
  background:var(--accent);
  border-color:var(--accent);
}
.btn-primary:hover{
  background:var(--accent-dark);
  border-color:var(--accent-dark);
}
.btn-outline-primary{
  border-color:var(--accent);
  color:var(--accent);
}
.btn-outline-primary:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

/* Hero / carousel caption: make it feel modern + more K-State */
.carousel-caption,
.hero-caption{
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
  background:linear-gradient(135deg, rgba(40,25,84,.70), rgba(0,0,0,.45));
  border:1px solid rgba(255,255,255,.12);
}
.carousel-caption h1,
.carousel-caption h2,
.hero-caption h1{
  line-height:1.1;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));
}

/* Section treatments: unify backgrounds and spacing */
.features{background:var(--ksu-purple)}
.mission{background:#0F0F12} /* cleaner than pure black */
.cards-section,
.eligibility{background:#FBFBFC}
.awards{background:#111114}
.kstate{background:#15151A}

/* Cards: consistent radius and hover */
.card{
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}
.card:hover{
  box-shadow:var(--shadow-md)!important;
  transform:translateY(-4px);
}

/* Cards section: top border accent looks dated; replace with subtle left stripe */
.cards-section .card{
  border-top:none;
  position:relative;
  overflow:hidden;
}
.cards-section .card::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  background:linear-gradient(180deg, var(--accent), rgba(81,40,136,.35));
}

/* Awards CTA button: currently gray; make it branded */
.award-btn{
  background:var(--ksu-gold);
  color:#1a1a1a;
  border-radius:999px;
  padding:10px 18px;
  font-size:12px;
}
.award-btn:hover{
  background:var(--accent);
  color:#fff;
}

/* Eligibility checkmarks already use --accent; improve list readability */
.eligibility-list li{
  margin-bottom:1.1rem;
  padding-left:1.75rem;
}

/* K-State section cards: reduce heavy contrast, improve border */
.kstate .card{
  border-left:6px solid var(--ksu-gold);
  border-radius:var(--radius-lg);
}
.kstate a{color:#CDB7F3}
.kstate a:hover{color:#ffffff}

/* Utility: consistent section padding on smaller screens */
@media (max-width:768px){
  .features,.mission,.cards-section,.awards,.eligibility,.kstate{padding:3.5rem 0}
  .carousel{height:420px}
}