/* ============================================================
   לחיות בטוב · הפלטה
   ============================================================
   הדף בנוי על השלד של עוצמה לנפש. כאן יושבים הצבעים שהשלד
   מבקש לפי תפקיד, וכמה חוקים קטנים שהפלטה הזו מחייבת. כל שינוי
   מבני נעשה בקובץ של הדף עצמו.

   האדום, הקורל והבורדו הם של הדף הקיים ב-/betov (--crimson,
   --coral, --maroon בשלד), והרקעים הכהים הם גוונים עמוקים של
   אותו יין. סקשן המדרגות נשאר בכחול-סגול של /betov, שהוא גם
   הכחול של הלוגו.

   כל צירוף טקסט כאן נבדק ליחס ניגודיות מול WCAG 2.1 AA, כי
   הצהרת הנגישות של האתר מצהירה על הרמה הזו.
   ============================================================ */
:root{
  /* ---- הרקעים הכהים, מהכהה לבהיר ---- */
  --c-black :#170A0E;   /* סקשן השאלות, רצועת הזכויות   לבן עליו 19.3:1 */
  --c-deep  :#2A0A12;   /* תחילת הגרדיאנטים               לבן עליו 18.3:1 */
  --c-mid   :#7B1E1E;   /* גוף הפוטר, טבעות פוקוס        לבן עליו 10.3:1 */

  /* ---- הצבע המרכזי ----
     כותרות ומספרים על לבן. זה --crimson של השלד.     על לבן 5.8:1 */
  --c-main  :#C8143C;

  /* ---- אקצנטים על רקע כהה ---- */
  --c-lite  :#E85A50;   /* קו הכותרת, חיצי השאלות, מרכאות   על #12070A 5.7:1 */
  --c-accent:#F2C4BC;   /* שורת הפתיחה, שם המעיד, כותרת השאלות
                           על היין הכהה 8.6:1 ומעלה */
  --c-soft  :#FBEFEC;

  /* ---- שמות הכפתורים של השלד ----
     כל כפתורי התרומה בדף אדומים עם מסגרת לבנה, על כל רקע. אלה
     נשארים רק בשביל סרגל ההתקדמות, אם יודלק. */
  --cta-on-dark    :#F2C4BC;   /* טקסט --c-black עליו 12.3:1 */
  --cta-on-dark-h  :#F7D6D0;
  --cta-on-light   :#C8143C;
  --cta-on-light-h :#7B1E1E;
}

/* התגית "הבחירה הנפוצה". בשלד היא קורל עם לבן, 3.5:1 בלבד בגופן
   קטן. אדום עם לבן נותן 5.8:1. */
.lp .rung__tag{background:var(--crimson);color:#fff}

/* ============================================================
   הפופ-אפ
   ============================================================
   המודאל יושב מחוץ ל-.lp. הוא בנוי על שלושה משתנים, ומספיק
   להחליף אותם בסקופ שלו: הכפתור, טבעות הפוקוס, גבול השדה הפעיל
   וסימון תיבת האישור. אותו אדום כמו כל כפתור תרומה בדף.
   ============================================================ */
#donate{
  --pink   : var(--crimson);
  --pink-d : var(--maroon);
  --purple : #8B2E3C;          /* על לבן 8.2:1 */
}

/* ------------------------------------------------------------------
   הציטוט בהירו.

   בלי קו בצד ובלי הזחה. מה שמסמן אותו כציטוט הוא המרכאות והמשקל,
   והוא נשאר בקצב המרכזי שכל ההירו בנוי עליו.
   ------------------------------------------------------------------ */
.lp .hero .sub--quote{
  margin-block:0 .9rem;
  padding:0;
  border:0;
  font-weight:700;
  text-wrap:pretty;
}