/* ==========================================================
   משחקים בקליק — טוקנים
   
   נוצר אוטומטית מ-shared/tokens.json — אין לערוך.
   כל שינוי כאן נמחק בבנייה הבאה, ו-check-tokens.js יפיל את הבדיקה.
   לעריכה: shared/tokens.json → node tools/gen-tokens.js
   
   סגול→אינדיגו כמותג, ציאן להתקדמות, זהב לתגמול בלבד, כתום ל"דורש חזרה".
   ========================================================== */

:root {
  /* ---------- צורה ---------- */
  --bc-r-xs: 8px;
  --bc-r-sm: 12px;
  --bc-r-md: 16px;
  --bc-r-lg: 22px;
  --bc-r-xl: 26px;
  --bc-r-pill: 100px;

  /* ---------- האטה ---------- */
  --bc-ease-standard: cubic-bezier(.4,0,.2,1);
  --bc-ease-out: cubic-bezier(.16,1,.3,1);
  --bc-ease-spring: cubic-bezier(.22,.61,.36,1);

  /* ---------- טיפוגרפיה ---------- */
  --bc-font: 'Rubik', 'Heebo', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --bc-font-alt: 'Heebo', 'Rubik', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

  /* ---------- צללים (יום) ---------- */
  --bc-sh-1: 0 1px 2px rgba(23,32,38,.05), 0 2px 8px rgba(23,32,38,.05);
  --bc-sh-2: 0 8px 24px -10px rgba(23,32,38,.16), 0 2px 8px rgba(23,32,38,.05);
  --bc-sh-3: 0 22px 46px -18px rgba(23,32,38,.24), 0 6px 16px -8px rgba(23,32,38,.10);

  /* ---------- ערכת יום ---------- */
  --bc-bg: #eef2f9;
  --bc-surface: #ffffff;
  --bc-surface-2: #f6f8fc;
  --bc-surface-3: #eef2f8;
  --bc-line: #e4e9f2;
  --bc-line-soft: #eef1f7;
  --bc-ink: #0d1526;
  --bc-ink-2: #2c3852;
  --bc-ink-dim: #4f5d75;
  --bc-brand: #7c3aed;
  --bc-brand-strong: #4338ca;
  --bc-brand-deep: #5b21b6;
  --bc-brand-lit: #8b5cf6;
  --bc-brand-soft: #ede9fe;
  --bc-brand-wash: #f5f3ff;
  --bc-brand-ink: #6d28d9;
  --bc-accent: #0e7490;
  --bc-accent-soft: #cffafe;
  --bc-accent-wash: #ecfeff;
  --bc-accent-ink: #0e7490;
  --bc-success: #15803d;
  --bc-success-soft: #dcfce7;
  --bc-success-wash: #f0fdf4;
  --bc-success-ink: #166534;
  --bc-warn: #ea580c;
  --bc-warn-soft: #ffedd5;
  --bc-warn-wash: #fff7ed;
  --bc-warn-ink: #9a3412;
  --bc-danger: #b91c1c;
  --bc-danger-soft: #fee2e2;
  --bc-danger-wash: #fef2f2;
  --bc-danger-ink: #991b1b;
  --bc-ring: rgba(124,58,237,.38);
  --bc-reward: #f59e0b;
  --bc-reward-soft: #fef3c7;
  --bc-reward-ink: #8a3d07;
  --bc-fill-progress: linear-gradient(90deg,#22d3ee 0%,#06b6d4 100%);
  --bc-btn-brand-a: #7c3aed;
  --bc-btn-brand-b: #5b21b6;
  --bc-btn-brand-ink: #ffffff;
  --bc-grad-brand: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
  --bc-btn-accent-a: #0e7490;
  --bc-btn-accent-b: #155e75;
  --bc-btn-accent-ink: #ffffff;
  --bc-grad-accent: linear-gradient(135deg, #0e7490 0%, #155e75 100%);
  --bc-btn-success-a: #15803d;
  --bc-btn-success-b: #166534;
  --bc-btn-success-ink: #ffffff;
  --bc-grad-success: linear-gradient(135deg, #15803d 0%, #166534 100%);
  --bc-btn-danger-a: #b91c1c;
  --bc-btn-danger-b: #991b1b;
  --bc-btn-danger-ink: #ffffff;
  --bc-grad-danger: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);
}

/* ערכת לילה — העדפת מערכת, ו-[data-theme] גובר */
@media (prefers-color-scheme: dark) {
:root {
  --bc-sh-1: 0 1px 2px rgba(0,0,0,.5);
  --bc-sh-2: 0 8px 24px -10px rgba(0,0,0,.6);
  --bc-sh-3: 0 22px 46px -18px rgba(0,0,0,.7);
  --bc-bg: #080d18;
  --bc-surface: #131c2e;
  --bc-surface-2: #18233a;
  --bc-surface-3: #1e2a44;
  --bc-line: #25324e;
  --bc-line-soft: #1d283f;
  --bc-ink: #e8eefc;
  --bc-ink-2: #c7d3e8;
  --bc-ink-dim: #93a3c0;
  --bc-brand: #8b5cf6;
  --bc-brand-strong: #c4b5fd;
  --bc-brand-deep: #c4b5fd;
  --bc-brand-lit: #8b5cf6;
  --bc-brand-soft: #2a2145;
  --bc-brand-wash: #1c1730;
  --bc-brand-ink: #ddd6fe;
  --bc-accent: #67e8f9;
  --bc-accent-soft: #0f3440;
  --bc-accent-wash: #0b262e;
  --bc-accent-ink: #67e8f9;
  --bc-success: #86efac;
  --bc-success-soft: #12331f;
  --bc-success-wash: #0d2416;
  --bc-success-ink: #bbf7d0;
  --bc-warn: #fdba74;
  --bc-warn-soft: #3a2415;
  --bc-warn-wash: #28190f;
  --bc-warn-ink: #fdba74;
  --bc-danger: #fca5a5;
  --bc-danger-soft: #3a1c1c;
  --bc-danger-wash: #281414;
  --bc-danger-ink: #fecdd3;
  --bc-ring: rgba(167,139,250,.42);
  --bc-reward: #fcd34d;
  --bc-reward-soft: #3a2c12;
  --bc-reward-ink: #fcd34d;
  --bc-fill-progress: linear-gradient(90deg,#22d3ee 0%,#06b6d4 100%);
}
}

:root[data-theme="dark"] {
  --bc-sh-1: 0 1px 2px rgba(0,0,0,.5);
  --bc-sh-2: 0 8px 24px -10px rgba(0,0,0,.6);
  --bc-sh-3: 0 22px 46px -18px rgba(0,0,0,.7);
  --bc-bg: #080d18;
  --bc-surface: #131c2e;
  --bc-surface-2: #18233a;
  --bc-surface-3: #1e2a44;
  --bc-line: #25324e;
  --bc-line-soft: #1d283f;
  --bc-ink: #e8eefc;
  --bc-ink-2: #c7d3e8;
  --bc-ink-dim: #93a3c0;
  --bc-brand: #8b5cf6;
  --bc-brand-strong: #c4b5fd;
  --bc-brand-deep: #c4b5fd;
  --bc-brand-lit: #8b5cf6;
  --bc-brand-soft: #2a2145;
  --bc-brand-wash: #1c1730;
  --bc-brand-ink: #ddd6fe;
  --bc-accent: #67e8f9;
  --bc-accent-soft: #0f3440;
  --bc-accent-wash: #0b262e;
  --bc-accent-ink: #67e8f9;
  --bc-success: #86efac;
  --bc-success-soft: #12331f;
  --bc-success-wash: #0d2416;
  --bc-success-ink: #bbf7d0;
  --bc-warn: #fdba74;
  --bc-warn-soft: #3a2415;
  --bc-warn-wash: #28190f;
  --bc-warn-ink: #fdba74;
  --bc-danger: #fca5a5;
  --bc-danger-soft: #3a1c1c;
  --bc-danger-wash: #281414;
  --bc-danger-ink: #fecdd3;
  --bc-ring: rgba(167,139,250,.42);
  --bc-reward: #fcd34d;
  --bc-reward-soft: #3a2c12;
  --bc-reward-ink: #fcd34d;
  --bc-fill-progress: linear-gradient(90deg,#22d3ee 0%,#06b6d4 100%);
}

:root[data-theme="light"] {
  --bc-sh-1: 0 1px 2px rgba(23,32,38,.05), 0 2px 8px rgba(23,32,38,.05);
  --bc-sh-2: 0 8px 24px -10px rgba(23,32,38,.16), 0 2px 8px rgba(23,32,38,.05);
  --bc-sh-3: 0 22px 46px -18px rgba(23,32,38,.24), 0 6px 16px -8px rgba(23,32,38,.10);
  --bc-bg: #eef2f9;
  --bc-surface: #ffffff;
  --bc-surface-2: #f6f8fc;
  --bc-surface-3: #eef2f8;
  --bc-line: #e4e9f2;
  --bc-line-soft: #eef1f7;
  --bc-ink: #0d1526;
  --bc-ink-2: #2c3852;
  --bc-ink-dim: #4f5d75;
  --bc-brand: #7c3aed;
  --bc-brand-strong: #4338ca;
  --bc-brand-deep: #5b21b6;
  --bc-brand-lit: #8b5cf6;
  --bc-brand-soft: #ede9fe;
  --bc-brand-wash: #f5f3ff;
  --bc-brand-ink: #6d28d9;
  --bc-accent: #0e7490;
  --bc-accent-soft: #cffafe;
  --bc-accent-wash: #ecfeff;
  --bc-accent-ink: #0e7490;
  --bc-success: #15803d;
  --bc-success-soft: #dcfce7;
  --bc-success-wash: #f0fdf4;
  --bc-success-ink: #166534;
  --bc-warn: #ea580c;
  --bc-warn-soft: #ffedd5;
  --bc-warn-wash: #fff7ed;
  --bc-warn-ink: #9a3412;
  --bc-danger: #b91c1c;
  --bc-danger-soft: #fee2e2;
  --bc-danger-wash: #fef2f2;
  --bc-danger-ink: #991b1b;
  --bc-ring: rgba(124,58,237,.38);
  --bc-reward: #f59e0b;
  --bc-reward-soft: #fef3c7;
  --bc-reward-ink: #8a3d07;
  --bc-fill-progress: linear-gradient(90deg,#22d3ee 0%,#06b6d4 100%);
}