/* D MALL ONLINE in the Dinesh AI Academy look (dineshaiacademy.com).
   Navy + amber palette, Poppins headings, Inter body, JetBrains Mono code, pill buttons.
   Loaded after mahabazaar.css and site.css; the colour tokens themselves live in those files' :root. */

/* ---------------------------------------------------------------- type */
body { font-family: var(--font); }
h1, h2, h3, h4, h5 { font-family: var(--font-display); font-weight: 600; letter-spacing: -0.01em; }
code, pre, kbd, samp, .mono, .code { font-family: var(--font-mono); }
::selection { background: rgba(245, 158, 11, .28); color: inherit; }
:focus-visible { outline: 2px solid #f59e0b; outline-offset: 2px; }

/* ---------------------------------------------------------------- buttons: amber pill, navy text */
.btn, .btn-sm, .btn-lg { border-radius: var(--radius-pill); font-family: var(--font-display); font-weight: 600; letter-spacing: .02em; }
.btn-primary, .btn-gold, .btn-academy {
  background: var(--brand-grad); color: #0a1730; border-color: transparent;
  box-shadow: 0 12px 30px -14px rgba(245, 158, 11, .55);
}
.btn-primary:hover:not(:disabled), .btn-gold:hover:not(:disabled), .btn-academy:hover:not(:disabled) {
  background: var(--brand-grad); color: #0a1730; filter: brightness(1.05); box-shadow: var(--shadow-brand);
}
.btn-ghost { background: rgba(255, 255, 255, .55); border-color: var(--border-strong); color: var(--navy); }
.btn-ghost:hover:not(:disabled) { border-color: #d97706; color: var(--brand); background: var(--brand-soft); }
.btn-outline-light { border-color: rgba(201, 214, 234, .45); color: #fff; }

/* ---------------------------------------------------------------- forms */
.input, .select, textarea.input { border-radius: var(--radius-sm); }
.input:focus, .select:focus { border-color: #d97706; box-shadow: 0 0 0 4px rgba(245, 158, 11, .18); }

/* Text on amber gradients is navy for contrast (as on the Academy site). */
.mb-chrome .avatar, .avatar-sm, .pg-hub .g-avatar, .pg-health .avatar-d { color: #0a1730; }
.mb-chrome .avatar { box-shadow: 0 0 0 2px #10233f, 0 0 0 3.5px rgba(245, 158, 11, .55); }

/* ---------------------------------------------------------------- tags */
.pill-tag {
  border-radius: var(--radius-pill); border-color: rgba(217, 119, 6, .45); background: rgba(245, 158, 11, .1);
  color: #b45309; font-family: var(--font-display); font-weight: 600;
}

/* ---------------------------------------------------------------- headers: navy gradient like the Academy navbar */
.site-header { background: var(--navy-grad); }
.site-header nav a { font-family: var(--font-display); font-weight: 500; font-size: 14px; color: #c9d6ea; }
.site-header nav a:hover, .site-header nav a.active { color: #fff; }
.site-header .mb-logo .word b, .site-footer .mb-logo .word b, .mb-chrome .topbar .mb-logo .word b { color: #f59e0b; }
.site-header .mb-logo .by i, .site-footer .mb-logo .by i, .mb-chrome .topbar .mb-logo .by i { color: #f59e0b; }
.site-footer, .auth-side { background-color: var(--navy-deep); }
.auth-side { background-image: radial-gradient(600px 300px at 100% 0%, rgba(245, 158, 11, .2), transparent 60%), var(--navy-grad); }
.hero-site h1 { font-weight: 600; letter-spacing: -0.01em; }
.mock { background: var(--navy-deep); }

/* App (sandbox) chrome: dark navbar */
.mb-chrome .strip { background: var(--navy-deep); }
.mb-chrome .topbar { background: var(--navy-grad); border-bottom-color: rgba(255, 255, 255, .06); backdrop-filter: none; }
.mb-chrome .topbar .mb-logo { color: #fff; }
.mb-chrome .topbar .mb-logo .by { color: rgba(231, 236, 244, .6); }
.mb-chrome .nav a { color: #c9d6ea; font-family: var(--font-display); font-weight: 500; font-size: 14px; }
.mb-chrome .nav a .icon { color: #9fb0c8; }
.mb-chrome .nav a:hover, .mb-chrome .nav a:hover .icon, .mb-chrome .nav a.active, .mb-chrome .nav a.active .icon { color: #fff; }
.mb-chrome .topbar .search { background: rgba(255, 255, 255, .06); border-color: rgba(201, 214, 234, .18); color: #c9d6ea; }
.mb-chrome .topbar .search:hover { background: rgba(255, 255, 255, .1); border-color: rgba(201, 214, 234, .32); }
.mb-chrome .topbar .search kbd { background: rgba(255, 255, 255, .08); border-color: rgba(201, 214, 234, .22); color: #e7ecf4; }
.mb-chrome .avatar-btn:hover, .mb-chrome .avatar-btn.open { background: rgba(255, 255, 255, .08); border-color: rgba(201, 214, 234, .18); }
.mb-chrome .who b { color: #fff; }
.mb-chrome .who span { color: #fbbf24; }
.mb-chrome .chev { color: #9fb0c8; }
.mb-chrome .burger { color: #fff; border-color: rgba(201, 214, 234, .25); }
.mb-chrome .topbar .status { color: #c9d6ea; }
.mb-chrome .sub a.active, .mb-chrome .sub a.active .icon { color: var(--brand); }
.mb-chrome .footer { background: #fff; }

/* Gradient headline text: the Academy's darker amber, readable on light backgrounds */
.gold-text, .grad-text, .pg-travel .hero .accent { background: linear-gradient(135deg, #d97706 0%, #b45309 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.auth-side .gold-text, .site-footer .gold-text, .mock .gold-text { background: var(--brand-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }