/* Blue theme layer — loaded last in legacy/includes/inline_styles.php. Shape + typography pass on top of the blue palette remap.
   Palette: #293681 deep navy · #4274D9 primary blue · #95CCDD sky · pale mint wash. */
:root{
  --vio-50:#eef4fc;--vio-100:#dce8f9;--vio-200:#bcd2f2;--vio-300:#93b4e9;--vio-400:#6693e0;
  --vio-500:#4274d9;--vio-600:#3a67cf;--vio-700:#2d51a8;
  --ind-500:#3556b0;--ind-600:#2c4699;--ind-700:#293681;
  --ink:#1c2547;--ink-muted:#5a6485;
  --grad-brand:linear-gradient(135deg,#4274d9,#293681);
  --shadow-brand:0 14px 30px rgba(66,116,217,.22);
}

/* Backdrop: soft blue wash with a pale mint foot */
body{background:
  radial-gradient(900px 480px at 8% -4%,rgba(66,116,217,.10),transparent 60%),
  radial-gradient(820px 460px at 94% 4%,rgba(41,54,129,.09),transparent 58%),
  linear-gradient(180deg,#f2f7fd 0%,#ffffff 46%,#edf5f7 100%)!important;
  color:var(--ink)!important}
.hero{background:radial-gradient(circle at 14% 16%,rgba(66,116,217,.12),transparent 30%),radial-gradient(circle at 88% 20%,rgba(41,54,129,.10),transparent 26%)!important}
.orb{display:block!important;background:rgba(149,204,221,.45)!important}

/* Typography: bigger, tighter, calmer */
h1{font-size:clamp(48px,6.2vw,82px)!important;line-height:.97!important;letter-spacing:-.05em!important}
h2{letter-spacing:-.03em!important}
.lead{color:var(--ink-muted)!important}
.eyebrow{color:var(--vio-600)!important;letter-spacing:.18em!important}

/* Pill buttons with gradient primary */
.btn{border-radius:999px!important;background:var(--grad-brand)!important;box-shadow:var(--shadow-brand)!important}
.btn:hover{background:linear-gradient(135deg,#2d51a8,#293681)!important;box-shadow:0 18px 36px rgba(66,116,217,.30)!important}
.btn.outline{background:#fff!important;color:var(--vio-700)!important;border:1px solid var(--vio-200)!important;box-shadow:none!important}
.btn.outline:hover{background:var(--vio-50)!important;border-color:var(--vio-300)!important;color:var(--vio-700)!important}
.btn.dark{background:#293681!important}
.btn.green{background:linear-gradient(135deg,#059669,#10b981)!important;box-shadow:0 14px 30px rgba(16,185,129,.22)!important}
.btn.red{background:#fff!important;color:#dc2626!important;border:1px solid #fecaca!important;box-shadow:none!important}
.nav-actions .btn{box-shadow:none!important}
.nav-link.active,.nav-link[aria-current="page"]{background:var(--grad-brand)!important;box-shadow:0 10px 22px rgba(66,116,217,.26)!important}

/* Cards: rounder, softer blue-tinted shadows */
.card,.job-section-card,.overview-panel,.profile-section-card,.profile-hero-card,.profile-score-card,.filter-panel,.application-card,.notification-card,.about-panel,.job-detail-main,.blog-list-card{border-radius:22px!important;box-shadow:0 18px 44px rgba(41,54,129,.08)!important}
.job-card:hover,.idea-card:hover,.journey-card:hover,.innovation-card:hover,.blog-list-card:hover{border-color:var(--vio-300)!important;box-shadow:0 24px 52px rgba(41,54,129,.14)!important}
.hero-panel{border-radius:28px!important;background:linear-gradient(145deg,#ffffff,#eef4fc 58%,#e9f3f6)!important;box-shadow:0 30px 76px rgba(41,54,129,.16)!important}
.search{border-radius:999px!important;box-shadow:0 20px 48px rgba(66,116,217,.12)!important}
.search .btn{border-radius:999px!important}
.input,.select,.textarea,.skills-dropdown summary{border-radius:14px!important}
.badge,.pill{border-color:var(--vio-200)!important;background:var(--vio-50)!important;color:var(--vio-700)!important}

/* Brand + header accents */
.brand-icon{box-shadow:0 12px 26px rgba(66,116,217,.18)!important}
.dash-hero{background:var(--grad-brand)!important;box-shadow:0 22px 48px rgba(66,116,217,.24)!important}
#application-tracking .tracking-story{background:linear-gradient(135deg,#1a2352 0%,#2c4699 58%,#4274d9 100%)!important}
a:focus-visible,button:focus-visible,.btn:focus-visible,.nav-link:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(66,116,217,.4)!important}

/* Dark mode: deep navy night */
body.theme-dark{background:
  radial-gradient(900px 480px at 10% -6%,rgba(66,116,217,.16),transparent 60%),
  radial-gradient(820px 480px at 92% 2%,rgba(41,54,129,.16),transparent 58%),
  linear-gradient(180deg,#070c1e 0%,#0d1330 48%,#101a3d 100%)!important;color:#e6ecf8!important}
body.theme-dark .btn.outline{background:#101a3d!important;border-color:#2a3a70!important;color:#9fc0ef!important}
body.theme-dark .btn.outline:hover{background:#172450!important}
body.theme-dark .card,body.theme-dark .hero-panel{box-shadow:none!important}
body.theme-dark .hero-panel{background:linear-gradient(145deg,#101a3d,#152151)!important}
body.theme-dark .badge,body.theme-dark .pill{background:#172450!important;border-color:#2a3a70!important;color:#9fc0ef!important}
body.theme-dark .nav-link.active,body.theme-dark .nav-link[aria-current="page"]{background:var(--grad-brand)!important;color:#fff!important}

@media(max-width:760px){
  h1{font-size:44px!important}
  .search{border-radius:24px!important}
}
@media(prefers-reduced-motion:reduce){.btn{transition:none!important}}