/*
 * brand.css — LeviLife · אתגר עשרה הימים
 * ============================================================================
 * הקובץ היחיד שאמור להשתנות אם המיתוג משתנה. אך ורק טוקנים גולמיים כאן —
 * שום כלל מבנה, שום פריסה, שום padding/margin. כל אלה חיים ב-theme.css
 * ומתייחסים לטוקנים דרך var(--...).
 * מקור הצבעים: אפיון טכני LeviLife (16.8.2026).
 * ============================================================================
 */
:root {
  /* ---------- זהות המותג הגולמית ---------- */
  --brand-deep-purple: #241B47;
  --brand-purple: #3E1C96;
  --brand-gold: #FDBF04;
  --brand-gold-soft: #CDAC58;
  --brand-font: 'Assistant', 'Segoe UI', sans-serif;

  /* ---------- מיפוי סמנטי, זה מה ש-theme.css צורך ---------- */
  --bg: var(--brand-deep-purple);
  --bg-grad: linear-gradient(180deg, var(--brand-deep-purple) 0%, var(--brand-purple) 130%);

  --surface: #2E2359;
  --surface-2: #362A68;
  --surface-3: #4A3A86;

  --text-strong: #FFFFFF;
  --text: #E7E1F5;
  --text-dim: #B7ACD6;
  /*
   * 1.9.2026 — הועלה מ-#8577AC. הערך הישן נתן ניגודיות 3.96:1 מול הרקע
   * הסגול (#241B47), כלומר **נכשל בתקן AA** (נדרש 4.5:1) — והוא נושא
   * טקסט אמיתי: שורת הקרדיט וה-placeholder של כל שדה קלט.
   * #9385B9 נותן 4.76:1 ועובר, ועדיין נשאר עמום בבירור מול --text-dim
   * (7.47:1), כך שההיררכיה הוויזואלית נשמרת.
   * 🚫 אין להוריד את הערך הזה בחזרה בלי לחשב ניגודיות מול --bg.
   */
  --text-faint: #9385B9;

  --line: #4A3A86;

  --btn-bg: var(--brand-gold);
  --btn-bg-hover: #ffce2e;
  --btn-text: #241B47;

  --gold: var(--brand-gold);
  --gold-soft: var(--brand-gold-soft);
  --teal: #37C6B4;
  --pink: #F0729A;

  --locked-bg: #2A2154;
  --locked-bd: #453868;
  --locked-tx: #8577AC;

  --done: #4ADE80;
  --done-bg: #1E3A2E;
  --danger: #F87171;
  --danger-bg: #3A1E24;
  --warn: var(--brand-gold);

  --input-bg: #1D1640;

  --radius-card: 18px;
  --radius-pill: 999px;
  --maxw: 480px;

  --font: var(--brand-font);
}
