/* DailyJob.pk — "Pakistan's Daily Career Marketplace": navy, emerald, orange; editorial & energetic */
:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-head: "Sora", "Inter", system-ui, sans-serif;
  --primary: #0f9d63; --primary-600: #0c8353; --primary-700: #076b45; --primary-100: #d9f3e6; --primary-50: #eefaf4;
  --accent: #f28c28; --accent-100: #fdebd8;
  --navy: #0f1f3d; --navy-2: #16294f;
  --cta: #f28c28; --cta-hover: #d97b1e; --cta-text: #fff;
  --ink: #0f1f3d; --ink-2: #2c3a57;
  --bg-soft: #f4f7fb; --bg-2: #eaf0f7;
  --hero-grad: linear-gradient(120deg, #0f1f3d 0%, #16294f 60%, #0f9d63 140%);
  --nav-bg: rgba(15,31,61,.96); --nav-ink: #e8eefb;
  --footer-bg: #0f1f3d; --footer-ink: #c2cce0;
  --radius: 14px; --radius-lg: 22px; --btn-radius: 10px;
}
h1, h2, h3 { font-family: var(--font-head); letter-spacing: -.02em; }
.site-header { border-bottom-color: rgba(255,255,255,.08); }
.site-header .nav a { color: #d4deef; } .site-header .nav a:hover, .site-header .nav a.is-active { background: rgba(255,255,255,.08); color: #fff; }
.site-header .btn-outline { color: #fff; border-color: rgba(255,255,255,.35); } .site-header .btn-outline:hover { background: rgba(255,255,255,.1); color: #fff; border-color: #fff; }
.site-header .btn-ghost { color: #d4deef; } .site-header .btn-ghost:hover { background: rgba(255,255,255,.1); color: #fff; }
.site-header .notif-btn, .site-header .nav-toggle { color: #fff; }
.site-header .avatar { border: 2px solid rgba(255,255,255,.3); }
.logo .word { color: #fff; } .logo .word b { color: #4ade80; } .logo small { color: #9fb0cc; }
.logo .mark { background: #0f9d63; }
.hero { background: var(--hero-grad); color: #fff; padding: 56px 0 44px; }
.hero h1, .hero h2 { color: #fff; } .hero-center h1 span { color: #4ade80; }
.hero-lead { color: #d4deef; }
.hero-kicker { background: rgba(255,255,255,.12); color: #bbf7d0; }
.hero .popular, .hero .popular a { color: #d4deef; } .hero .popular a { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); }
.hero-side { background: rgba(255,255,255,.96); color: var(--ink); }
.hero::after { content: ""; position: absolute; inset: auto -120px -160px auto; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(15,157,99,.35), transparent 65%); pointer-events: none; }
.search-bar { border-color: transparent; }
.stats-strip .stat { border-left: 4px solid var(--primary); }
.section-head h2 { position: relative; } .section-head h2::after { content: ""; display: block; width: 46px; height: 4px; border-radius: 2px; background: var(--accent); margin-top: 8px; }
.job-card { border-radius: 16px; } .job-card .title { font-family: var(--font-head); }
.job-card .salary { color: var(--primary-700); }
.job-card.is-featured { background: linear-gradient(180deg, #fff7ed 0%, #fff 45%); border-color: #fdba74; }
.badge-featured { background: linear-gradient(90deg, #f28c28, #ef6c00); }
.category-card .ico { background: var(--primary-100); color: var(--primary-700); }
.btn-secondary { background: var(--navy); color: #fff; } .btn-secondary:hover { background: var(--navy-2); color: #fff; }
.btn-outline-primary { color: var(--navy); border-color: var(--navy); } .btn-outline-primary:hover { background: var(--bg-2); }
.plan.is-featured { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-100), var(--shadow-lg); }
.plan .price { color: var(--navy); }
.cta-band { background: linear-gradient(135deg, var(--navy) 0%, #0f9d63 140%); }
.card-gradient { background: linear-gradient(135deg, var(--navy), var(--navy-2)); }
.side-nav a.is-active { background: var(--navy); color: #fff; } .side-nav a.is-active svg { color: #4ade80; }
.stat-icon { background: var(--primary-100); color: var(--primary-700); }
.match-ring { background: conic-gradient(var(--accent) calc(var(--p) * 1%), var(--line) 0); }
.newsletter { background: linear-gradient(120deg, #e0f7ec, #fff4e8); border-color: #bbf0d4; }
.site-footer { background: var(--navy); }
.brand-tagline { font-family: "Caveat", cursive; color: #4ade80; }
.tabs a.is-active, .tabs a:hover { color: var(--navy); border-color: var(--accent); }
.pagination .is-active { background: var(--navy); border-color: var(--navy); }
.job-section h2 { border-bottom-color: var(--accent-100); }
.dj-feed-tabs { display: flex; gap: 6px; flex-wrap: wrap; } .dj-feed-tabs a { padding: 7px 14px; border-radius: 999px; background: var(--bg-2); color: var(--ink-2); font-weight: 600; font-size: .85rem; } .dj-feed-tabs a.is-active { background: var(--navy); color: #fff; }
.dj-panel-seekers { background: linear-gradient(140deg, #e3f7ee, #fff); border: 1px solid #bfebd5; } .dj-panel-employers { background: linear-gradient(140deg, #fff1e3, #fff); border: 1px solid #fcd7b0; }