:root{
  --bg:#f4f5f7;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --accent:#f59e0b; /* نزدیک به نارنجی تصویر */
  --danger:#dc2626;
  --radius:14px;
  --shadow:0 10px 25px rgba(17,24,39,.08);
}

@font-face {
    font-family: inter;
    src: url("../fonts/IRANSansX-Regular.woff2");

}

/* Reuse your theme variables from job_application.css */

body{
    font-family: inter;
}

.tabbar{
  display:flex;
  gap:10px;
  margin-bottom: 14px;
}

.tab{
  flex:1;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius: 999px;
  background:#fff;
  cursor:pointer;
  transition: transform .16s ease, box-shadow .16s ease;
}

.tab:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(17,24,39,.06);
}

.tab.active{
  border-color: rgba(99,102,241,.35);
  background: rgba(99,102,241,.08);
}

.hidden{ display:none; }

.alert.info{
  border-color: rgba(59,130,246,.35);
  background: rgba(59,130,246,.08);
  color:#1e3a8a;
}

@media (prefers-reduced-motion: reduce){
  .tab{ transition:none; }
}