/* Violet theme layer — loaded last in legacy/includes/inline_styles.php. Shape + typography pass on top of the violet palette remap. */
:root{
  --vio-50:#f5f3ff;--vio-100:#ede9fe;--vio-200:#ddd6fe;--vio-300:#c4b5fd;--vio-400:#a78bfa;
  --vio-500:#8b5cf6;--vio-600:#7c3aed;--vio-700:#6d28d9;
  --ind-500:#6366f1;--ind-600:#4f46e5;--ind-700:#4338ca;
  --ink:#1c1631;--ink-muted:#5c5675;
  --grad-brand:linear-gradient(135deg,#7c3aed,#4f46e5);
  --shadow-brand:0 14px 30px rgba(124,58,237,.22);
}

/* Backdrop: soft violet wash instead of flat blue gradient */
body{background:
  radial-gradient(900px 480px at 8% -4%,rgba(139,92,246,.10),transparent 60%),
  radial-gradient(820px 460px at 94% 4%,rgba(99,102,241,.09),transparent 58%),
  linear-gradient(180deg,#faf8ff 0%,#ffffff 46%,#f8f5ff 100%)!important;
  color:var(--ink)!important}
.hero{background:radial-gradient(circle at 14% 16%,rgba(124,58,237,.12),transparent 30%),radial-gradient(circle at 88% 20%,rgba(99,102,241,.10),transparent 26%)!important}
.orb{display:block!important;background:rgba(196,181,253,.4)!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,#6d28d9,#4338ca)!important;box-shadow:0 18px 36px rgba(124,58,237,.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:#1c1631!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(79,70,229,.26)!important}

/* Cards: rounder, softer violet-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(76,29,149,.07)!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(76,29,149,.13)!important}
.hero-panel{border-radius:28px!important;background:linear-gradient(145deg,#ffffff,#f3f0ff 58%,#eef2ff)!important;box-shadow:0 30px 76px rgba(76,29,149,.16)!important}
.search{border-radius:999px!important;box-shadow:0 20px 48px rgba(124,58,237,.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(124,58,237,.18)!important}
.dash-hero{background:var(--grad-brand)!important;box-shadow:0 22px 48px rgba(124,58,237,.24)!important}
#application-tracking .tracking-story{background:linear-gradient(135deg,#2d1f57 0%,#4f46e5 58%,#7c3aed 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(124,58,237,.4)!important}

/* Dark mode: deep violet night */
body.theme-dark{background:
  radial-gradient(900px 480px at 10% -6%,rgba(124,58,237,.16),transparent 60%),
  radial-gradient(820px 460px at 92% 2%,rgba(79,70,229,.13),transparent 58%),
  linear-gradient(180deg,#0d0a1d 0%,#141022 48%,#171331 100%)!important;color:#ece9f8!important}
body.theme-dark .btn.outline{background:#171331!important;border-color:#382a66!important;color:#c4b5fd!important}
body.theme-dark .btn.outline:hover{background:#251c47!important}
body.theme-dark .card,body.theme-dark .hero-panel{box-shadow:none!important}
body.theme-dark .hero-panel{background:linear-gradient(145deg,#171331,#1d153c)!important}
body.theme-dark .badge,body.theme-dark .pill{background:#251c47!important;border-color:#382a66!important;color:#c4b5fd!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}}