/* ============================================================
   jobby-theme.css  ·  שכבת עיצוב "אינדיגו מודרני"
   ------------------------------------------------------------
   קובץ זה דורס את משתני הצבע של main.css בלבד.
   הוא לא נוגע בשום לוגיקת PHP ולא בשום נתון מהמסד.
   
   התקנה: העלה קובץ זה ל-  assets/css/jobby-theme.css
   ואז ב- templates/header.php  אחרי השורה של main.css הוסף:
     <link rel="stylesheet" href="<?= SITE_URL ?>/assets/css/jobby-theme.css?v=1">
   
   הסרה: מחק את שורת ה-link. הכל חוזר לקדמותו. אפס סיכון.
   ============================================================ */

:root {
  /* ---- פלטת אינדיגו מודרני ---- */
  --brand:        #4f46e5;   /* אינדיגו ראשי (היה כחול #1d4ed8) */
  --brand-dark:   #4338ca;   /* אינדיגו כהה */
  --brand-light:  #eeedfc;   /* אינדיגו בהיר לרקעים רכים */
  --accent:       #818cf8;   /* אינדיגו בהיר להדגשות */
  --accent-dark:  #4f46e5;

  /* ---- צבע פעולה: כתום/אלמוג (CTA ראשי) ---- */
  --cta:          #f0603a;   /* אלמוג — כפתור הגשה/חיפוש */
  --cta-dark:     #d84e2a;

  /* ---- רקעים כהים מרוככים (רצועה, פוטר) ---- */
  --deep:         #312e81;   /* אינדיגו עמוק במקום שחור */

  /* ---- שאר הצבעים נשארים תואמים ---- */
  --success:      #10b981;
  --border-focus: #4f46e5;

  /* טיפוגרפיה — מעבר ל-Rubik (הכיוון שנבחר) */
  --font-main:    'Rubik', 'Heebo', 'Assistant', sans-serif;
  --font-body:    'Rubik', 'Assistant', 'Heebo', sans-serif;
}

/* ודא ש-Rubik נטען (אם לא נטען כבר ב-header) */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800;900&display=swap');

/* ============================================================
   התאמות ממוקדות — כתום ל-CTA הראשי
   (המשתנים לבד לא מספיקים לכפתורים שמשתמשים ב---brand)
   ============================================================ */

/* כפתור החיפוש ב-Hero → כתום */
.search-pill-btn {
  background: var(--cta) !important;
}
.search-pill-btn:hover {
  background: var(--cta-dark) !important;
}

/* כפתור "הגשת מועמדות" בעמוד משרה → כתום */
.btn-apply,
.apply-btn,
.job-apply {
  background: var(--cta) !important;
  border-color: var(--cta) !important;
}
.btn-apply:hover,
.apply-btn:hover,
.job-apply:hover {
  background: var(--cta-dark) !important;
  border-color: var(--cta-dark) !important;
}

/* ============================================================
   ריכוך רקעים כהים — אינדיגו עמוק במקום כחול/שחור
   ============================================================ */

/* פוטר */
.site-footer,
footer.footer,
.footer {
  background: var(--deep) !important;
}

/* ============================================================
   הערה: הסרת סקשנים (AI-JOBBY כפול, באנר לידים) נעשית
   ב-index.php בנפרד — לא כאן. קובץ זה עוסק רק בצבע ובטיפוגרפיה.
   ============================================================ */