/* ==========================================================================
   רובוטיקס LMS – טוקנים סופיים (design/final/tokens.json הוא מקור האמת)
   משתנים בלבד. ב-WordPress: להעתיק ל-assets/css/tokens.css בערכת-הבת
   ולמפות ל-Tutor (ראו בסוף הקובץ). כל זוג טקסט/רקע מחושב ב-tokens.json.
   ========================================================================== */
:root {
  /* --- סגול רובוטיקס --- */
  --rx-primary: #7B2CBF;        /* כפתור ראשי, קישור מותג. לבן עליו 7.11:1 */
  --rx-primary-hover: #6A24A8;  /* לבן עליו 8.64:1 */
  --rx-primary-press: #5B1D91;  /* לחיצה, טקסט צ'יפ על טינט (8.77:1) */
  --rx-primary-deep: #4C1D95;   /* פס שיעור עליון, סוף גרדיאנט. לבן עליו 10.95:1 */
  --rx-primary-ink: #240B45;    /* פוטר, פתיחת גרדיאנט, טקסט על צהוב. לבן עליו 17.37:1 */
  --rx-accent: #A467EA;         /* קישוט בלבד. אסור: טקסט, ולבן עליו (3.68:1) */
  --rx-tint: #F3E8FF;
  --rx-tint-2: #EBDDFB;

  /* --- צבע המרה: אחד, רק על רקע כהה (primary-ink / primary-deep / גרדיאנט הירו) --- */
  --rx-cta: #FFC53D;
  --rx-cta-hover: #FFB400;
  --rx-on-cta: #240B45;         /* על הצהוב 11.01:1 */

  /* --- ניטרליים --- */
  --rx-bg: #F7F5FB;
  --rx-surface: #FFFFFF;
  --rx-text: #1E1A2E;           /* על לבן 16.9:1 */
  --rx-text-muted: #4F4A66;     /* על לבן 8.39:1, על טינט 7.11:1 (מוקרן בכיתה) */
  --rx-line: #E3DDF0;           /* קישוט בלבד – לא מסמן שום מידע (1.26:1) */
  --rx-border-strong: #8C84A0;  /* גבול שדה/צ'יפ/כפתור משני: 3.55:1 על לבן */
  --rx-on-dark: #FFFFFF;
  --rx-on-dark-muted: #EADCFB;  /* על ink 12.3:1, על primary 5.46:1 */

  /* --- סמנטיים --- */
  --rx-link: #1D4ED8;           /* קישור בתוכן, 6.70:1 על לבן */
  --rx-focus: #1E1A2E;          /* טבעת פוקוס על בהיר + הילה לבנה 2px */
  --rx-focus-on-dark: #FFC53D;  /* טבעת פוקוס על כהה */
  --rx-success: #136F32;  --rx-success-bg: #E8F6EC;
  --rx-warning: #B45309;  --rx-warning-bg: #FEF3E2;  --rx-warning-text: #5B2D05;
  --rx-danger: #B42318;   --rx-danger-bg: #FDECEA;   --rx-danger-text: #7A1710;
  --rx-uw-blue: #00467F;        /* ווידג'ט הנגישות (רק לציור האזור השמור במוקאפ) */

  /* --- גרדיאנטים (שלושה בלבד) --- */
  --rx-grad-hero: linear-gradient(150deg, #240B45 0%, #4C1D95 55%, #7B2CBF 100%);
  --rx-grad-brand: linear-gradient(135deg, #7B2CBF 0%, #4C1D95 100%);
  --rx-grad-soft: linear-gradient(180deg, #F3E8FF 0%, #F7F5FB 100%);

  /* --- טיפוגרפיה: Heebo בלבד --- */
  --rx-font: "Heebo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --rx-fs-label: 14px;     /* מינימום בממשק: תגיות ותוויות משניות בלבד */
  --rx-fs-sm: 16px;        /* טקסט משני, כפתורים קטנים */
  --rx-fs-body: 18px;      /* גוף – בכל הגדלים */
  --rx-fs-lead: 20px;      /* פתיח; טקסט שיעור */
  --rx-fs-h3: 22px;
  --rx-fs-h2: 28px;
  --rx-fs-h1: 36px;
  --rx-fs-hero: 48px;      /* הירו בבית בלבד (נייד 32) */
  --rx-lh-tight: 1.2; --rx-lh-snug: 1.35; --rx-lh-body: 1.6; --rx-lh-read: 1.75;
  --rx-measure: 72ch;

  /* --- ריווח (רשת 4px) --- */
  --rx-s1: 4px; --rx-s2: 8px; --rx-s3: 12px; --rx-s4: 16px; --rx-s5: 20px; --rx-s6: 24px;
  --rx-s8: 32px; --rx-s10: 40px; --rx-s12: 48px; --rx-s16: 64px; --rx-s20: 80px;

  /* --- רדיוסים --- */
  --rx-r-field: 8px; --rx-r-card: 12px; --rx-r-lg: 20px; --rx-r-pill: 999px;

  /* --- צללים (בגוון סגול) --- */
  --rx-sh-sm: 0 1px 2px rgba(36, 11, 69, .06), 0 1px 3px rgba(36, 11, 69, .08);
  --rx-sh-md: 0 4px 12px rgba(36, 11, 69, .08), 0 2px 4px rgba(36, 11, 69, .06);
  --rx-sh-lg: 0 16px 40px rgba(36, 11, 69, .16), 0 4px 10px rgba(36, 11, 69, .08);

  /* --- תנועה --- */
  --rx-dur-fast: 120ms; --rx-dur: 200ms; --rx-dur-slow: 320ms;
  --rx-ease: cubic-bezier(.2, .7, .2, 1);

  /* --- מידות --- */
  --rx-container: 1200px;
  --rx-header-h: 64px;
  --rx-lesson-topbar-h: 56px;
  --rx-sidebar-w: 360px;
  --rx-touch: 44px;            /* מינימום יעד מגע */
  --rx-btn-h: 48px;            /* כפתור רגיל */
  --rx-btn-h-lg: 56px;         /* פעולה ראשית */
  --rx-nav-h: 76px;            /* "הקודם/הבא" בשיעור (נייד 64) */
  --rx-uw-safe: 88px;          /* אזור שמור לווידג'ט הנגישות: 56 + 2×16 */
}

/*
  מיפוי ל-Tutor LMS (Settings > Design > Colors, וגם ב-robotix-ui.css אחרי tutor-frontend, priority >= 20):
  --tutor-color-primary: var(--rx-primary);   --tutor-color-primary-hover: var(--rx-primary-hover);
  --tutor-body-color: var(--rx-text);         --tutor-border-color: #CDCFD5 (דקורטיבי);
  tutor_primary_color=#7B2CBF  tutor_primary_hover_color=#6A24A8  tutor_text_color=#1E1A2E
  tutor_gray_color=#EBDDFB     tutor_border_color=#8C84A0
  Elementor Kit: ראשי #7B2CBF, משני #4C1D95, טקסט #1E1A2E, אקסנט #A467EA, פונט Heebo.
*/