/*
  צבעי המותג של בית הכנסת "שירת חיים" וקהילת "יחד" פסגת אונו.
  הפלטה נלקחה ישירות משני הלוגואים.

  שירת חיים — טורקיז ונייבי.
  יחד פסגת אונו — מעגל בני אדם בשישה צבעים: טורקיז, ליים, צהוב, כחול, קורל, מג'נטה.
*/

:root {
  /* ----- צבעי בסיס מהלוגואים ----- */

  /* טורקיז — קליגרפיית "שירת חיים" */
  --kesher-teal: #14a3a3;
  --kesher-teal-light: #1ba5a0;        /* דמות טורקיז במעגל יחד */
  --kesher-teal-dark: #0e7a7a;

  /* כחול בהיר — טקסט "קהילת יחד" + דמות כחולה */
  --kesher-sky: #3aa4d9;
  --kesher-sky-light: #66bce4;

  /* נייבי — טקסט מתחת לקליגרפיית "שירת חיים" */
  --kesher-navy: #232c7a;
  --kesher-navy-light: #3a4395;

  /* צבעי המעגל הקהילתי (יחד) */
  --kesher-lime: #a3c93e;
  --kesher-gold: #f7c531;
  --kesher-coral: #e85e4c;
  --kesher-magenta: #d8377e;

  /* ----- מיפוי לתפקידים ----- */

  --kesher-primary: var(--kesher-teal);
  --kesher-primary-light: var(--kesher-teal-light);
  --kesher-primary-dark: var(--kesher-teal-dark);

  --kesher-secondary: var(--kesher-navy);
  --kesher-secondary-light: var(--kesher-navy-light);

  --kesher-accent: var(--kesher-sky);

  --kesher-bg: #f7fafa;
  --kesher-bg-card: #ffffff;
  --kesher-text: #1a1a2e;
  --kesher-text-muted: #6b7280;
  --kesher-border: #d6e3e3;

  --kesher-success: #6ba33b;            /* גרסת ליים מעט כהה יותר לקריאות */
  --kesher-warning: var(--kesher-gold);
  --kesher-danger: var(--kesher-coral);
  --kesher-info: var(--kesher-sky);

  /* תעדוף מטלות תחזוקה — שימוש בצבעי הלוגו */
  --priority-urgent: var(--kesher-coral);
  --priority-high: var(--kesher-magenta);
  --priority-normal: var(--kesher-sky);
  --priority-low: var(--kesher-text-muted);

  /* צבעי האולמות בברירת מחדל (ניתנים להתאמה דרך admin) */
  --hall-main: var(--kesher-teal);
  --hall-lobby: var(--kesher-gold);
  --hall-gallery: var(--kesher-lime);
  --hall-balcony: var(--kesher-magenta);
}

html, body {
  background: var(--kesher-bg);
  color: var(--kesher-text);
}

a { color: var(--kesher-teal-dark); }
a:hover { color: var(--kesher-teal); }

/* כפתורים */
.btn-primary {
  background: var(--kesher-teal);
  color: white;
}
.btn-primary:hover { background: var(--kesher-teal-dark); }

.btn-secondary {
  background: var(--kesher-navy);
  color: white;
}
.btn-secondary:hover { background: var(--kesher-navy-light); }

.btn-accent {
  background: var(--kesher-sky);
  color: white;
}

/* תוויות צבע */
.text-primary { color: var(--kesher-teal); }
.text-secondary { color: var(--kesher-navy); }
.text-accent { color: var(--kesher-sky); }
.bg-primary { background: var(--kesher-teal); color: white; }
.bg-secondary { background: var(--kesher-navy); color: white; }
.bg-accent { background: var(--kesher-sky); color: white; }

/* תוויות תעדוף */
.priority-URGENT { background: var(--priority-urgent); color: white; }
.priority-HIGH { background: var(--priority-high); color: white; }
.priority-NORMAL { background: var(--priority-normal); color: white; }
.priority-LOW { background: var(--priority-low); color: white; }

/* פס צבעוני עליון — רמיזה למעגל הדמויות בלוגו יחד.
   z-index גבוה כדי שהלוגו "ייפול" מאחורי הפס בכניסה לדף. */
.rainbow-strip {
  position: relative;
  z-index: 50;
  height: 4px;
  background: linear-gradient(
    to left,
    var(--kesher-teal) 0%,
    var(--kesher-lime) 16%,
    var(--kesher-gold) 33%,
    var(--kesher-sky) 50%,
    var(--kesher-coral) 66%,
    var(--kesher-magenta) 83%,
    var(--kesher-teal) 100%
  );
}