/* Aksharaa Academy brand layer — navy, gold and ivory inspired by the supplied crest */
:root {
  --aksharaa-navy: #142f50;
  --aksharaa-navy-deep: #0d2340;
  --aksharaa-gold: #f2bd24;
  --aksharaa-gold-light: #ffe66a;
  --aksharaa-ivory: #f7f5ef;
  --aksharaa-white: #ffffff;
  --aksharaa-ink: #263447;
  --aksharaa-muted: #5b6675;
}
html { scroll-behavior: smooth; }
body.aksharaa-site {
  background: var(--aksharaa-ivory) !important;
  color: var(--aksharaa-ink);
  font-family: "Lato", "Arial", sans-serif;
  font-size: 17px;
  line-height: 1.75;
}
.aksharaa-site h1, .aksharaa-site h2, .aksharaa-site h3,
.aksharaa-site h4, .aksharaa-site h5 {
  color: var(--aksharaa-navy);
  font-family: "Merriweather", Georgia, serif;
  line-height: 1.25;
  letter-spacing: -0.025em;
}
.aksharaa-site h1 { font-size: clamp(2.65rem, 5vw, 4.5rem); }
.aksharaa-site h2 { font-size: clamp(2rem, 3.4vw, 3rem); }
.aksharaa-site h3 { font-size: clamp(1.3rem, 2vw, 1.65rem); }
.aksharaa-site p, .aksharaa-site li { font-size: 1.05rem; line-height: 1.8; }
.aksharaa-site .text-xs { font-size: .875rem !important; line-height: 1.5; }
.aksharaa-site .text-sm { font-size: .95rem !important; line-height: 1.6; }
.aksharaa-site .text-base { font-size: 1.05rem !important; }
.aksharaa-site .text-lg { font-size: 1.2rem !important; }
.aksharaa-site .text-xl { font-size: 1.3rem !important; }
.aksharaa-site .text-2xl { font-size: 1.7rem !important; }
.aksharaa-site .text-3xl { font-size: 2.1rem !important; }
.aksharaa-site .text-4xl { font-size: clamp(2.5rem, 4vw, 3.4rem) !important; }
.aksharaa-site .text-5xl { font-size: clamp(3rem, 5vw, 4rem) !important; }
.aksharaa-site .text-6xl { font-size: clamp(3.4rem, 6vw, 4.75rem) !important; }
.aksharaa-site .hero-gradient-overlay {
  background: linear-gradient(90deg, rgba(13,35,64,.93) 0%, rgba(20,47,80,.78) 52%, rgba(20,47,80,.35) 100%) !important;
}
.aksharaa-site .theme-btn-accent,
.aksharaa-site a.theme-btn-accent {
  background: var(--aksharaa-gold) !important;
  color: var(--aksharaa-navy-deep) !important;
  border: 1px solid var(--aksharaa-gold) !important;
  border-radius: 5px;
  font-weight: 800;
  transition: background .2s ease, transform .2s ease;
}
.aksharaa-site .theme-btn-accent:hover {
  background: var(--aksharaa-gold-light) !important;
  transform: translateY(-2px);
}
.aksharaa-site a:focus-visible, .aksharaa-site button:focus-visible {
  outline: 3px solid var(--aksharaa-gold);
  outline-offset: 3px;
}
.aksharaa-site .bg-amber-50, .aksharaa-site .bg-yellow-50 { background-color: #fff9e8 !important; }
.aksharaa-site .text-amber-300, .aksharaa-site .text-amber-400,
.aksharaa-site .text-yellow-400, .aksharaa-site .text-yellow-500 { color: var(--aksharaa-gold) !important; }
.aksharaa-site .bg-amber-500, .aksharaa-site .bg-yellow-400 { background-color: var(--aksharaa-gold) !important; }
.aksharaa-site .border-amber-500, .aksharaa-site .border-yellow-400 { border-color: var(--aksharaa-gold) !important; }
.aksharaa-site section { scroll-margin-top: 90px; }
.aksharaa-site .rounded-2xl, .aksharaa-site .rounded-3xl { border-radius: 10px !important; }
.aksharaa-site .shadow-xl, .aksharaa-site .shadow-2xl { box-shadow: 0 12px 30px rgba(20,47,80,.10) !important; }
.aksharaa-site .text-slate-500, .aksharaa-site .text-gray-500 { color: var(--aksharaa-muted) !important; }
@media (max-width: 640px) {
  body.aksharaa-site { font-size: 16px; }
  .aksharaa-site p, .aksharaa-site li { font-size: 1rem; line-height: 1.75; }
  .aksharaa-site h1 { font-size: clamp(2.25rem, 10vw, 3.1rem); }
  .aksharaa-site h2 { font-size: clamp(1.8rem, 8vw, 2.35rem); }
}