/* ============================================================================
   MyEureka Design System - PONT TUTOR LMS 4 (v3.0.0)
   ----------------------------------------------------------------------------
   Tutor LMS 4 possède son propre jeu de variables (--tutor-*) et ses thèmes
   light / dark / system pilotés par l'attribut data-tutor-theme sur <html>.
   MyEureka synchronise cet attribut avec data-meph-theme (PHP + JS) et
   redirige ici les variables Tutor vers les tokens MyEureka : le tableau de
   bord, le lecteur de cours, les quiz et les formulaires natifs adoptent la
   même palette que le plugin, dans les deux thèmes, sans toucher aux
   templates Tutor. Seules les variables de surface, texte, marque, bordure,
   bouton et ombre sont remappées ; les exceptions (vert, rouge, orange)
   gardent les valeurs Tutor, cohérentes avec --me-success / --me-danger.
   ============================================================================ */
:root[data-meph-theme] {
  /* Surfaces */
  --tutor-surface-base: var(--me-bg);
  --tutor-surface-l1: var(--me-surface);
  --tutor-surface-l1-hover: var(--me-card-hover);
  --tutor-surface-l2: var(--me-surface-2);
  --tutor-surface-l2-hover: var(--me-surface-3);
  --tutor-surface-l3: var(--me-surface-3);
  --tutor-surface-sidebar-l1: var(--me-panel);
  --tutor-surface-brand-primary: var(--me-primary);
  --tutor-surface-brand-primary-2: var(--me-primary-hover);
  --tutor-surface-brand-secondary: var(--me-primary-soft);
  --tutor-surface-brand-tertiary: var(--me-primary-soft-2);
  --tutor-surface-brand-quaternary: var(--me-primary-soft);
  --tutor-surface-brand-dark: var(--me-brand-deep);
  --tutor-surface-dark: var(--me-inverse-bg);
  --tutor-surface-success: var(--me-success-soft);
  --tutor-surface-warning: var(--me-warning-soft);
  --tutor-surface-critical: var(--me-danger-soft);

  /* Textes et icônes */
  --tutor-text-primary: var(--me-text);
  --tutor-text-primary-inverse: var(--me-text-inverse);
  --tutor-text-secondary: var(--me-text-2);
  --tutor-text-subdued: var(--me-text-3);
  --tutor-text-disabled: var(--me-text-4);
  --tutor-text-brand: var(--me-highlight);
  --tutor-text-brand-hover: var(--me-link-hover);
  --tutor-text-brand-secondary: var(--me-highlight);
  --tutor-text-light: var(--me-on-primary);
  --tutor-text-success: var(--me-success-text);
  --tutor-text-critical: var(--me-danger-text);
  --tutor-text-warning: var(--me-warning-text);
  --tutor-icon-idle: var(--me-text-3);
  --tutor-icon-hover: var(--me-text);
  --tutor-icon-secondary: var(--me-text-3);
  --tutor-icon-subdued: var(--me-text-4);
  --tutor-icon-disabled: var(--me-text-4);
  --tutor-icon-brand: var(--me-highlight);
  --tutor-icon-brand-hover: var(--me-link-hover);
  --tutor-icon-brand-secondary: var(--me-primary);

  /* Bordures */
  --tutor-border-idle: var(--me-border);
  --tutor-border-idle2: var(--me-border);
  --tutor-border-hover: var(--me-border-strong);
  --tutor-border-tertiary: var(--me-divider);
  --tutor-border-brand: var(--me-primary);
  --tutor-border-brand-secondary: var(--me-border-brand);
  --tutor-border-brand-tertiary: var(--me-border-brand);
  --tutor-border-dark: var(--me-border-strong);

  /* Boutons */
  --tutor-button-primary: var(--me-primary);
  --tutor-button-primary-hover: var(--me-primary-hover);
  --tutor-button-primary-focused: var(--me-primary-active);
  --tutor-button-primary-soft: var(--me-primary-soft);
  --tutor-button-primary-soft-hover: var(--me-primary-soft-2);
  --tutor-button-primary-soft-focused: var(--me-primary-soft-2);
  --tutor-button-secondary: var(--me-surface-2);
  --tutor-button-secondary-hover: var(--me-surface-3);
  --tutor-button-secondary-focused: var(--me-surface-3);
  --tutor-button-ghost-hover: var(--me-surface-2);
  --tutor-button-outline-hover: var(--me-surface-2);

  /* Onglets et actions */
  --tutor-tab-sidebar-l2: transparent;
  --tutor-tab-sidebar-l2-hover: var(--me-surface-2);
  --tutor-tab-sidebar-l2-active: var(--me-primary-soft);
  --tutor-tab-l3: var(--me-surface-2);
  --tutor-tab-l3-hover: var(--me-surface-3);
  --tutor-tab-l3-active: var(--me-primary-soft);
  --tutor-tab-l3-active-hover: var(--me-primary-soft-2);
  --tutor-actions-brand-primary: var(--me-primary);
  --tutor-actions-brand-secondary: var(--me-primary-soft-2);
  --tutor-actions-brand-tertiary: var(--me-primary-soft);
  --tutor-actions-gray-empty: var(--me-progress-track);
  --tutor-actions-gray-secondary: var(--me-surface-3);
  --tutor-actions-gray-tertiary: var(--me-surface-2);
  --tutor-actions-gray-quaternary: var(--me-inset);
  --tutor-actions-inverse: var(--me-inverse-bg);
  --tutor-quiz-idle: var(--me-surface-2);
  --tutor-quiz-hover: var(--me-surface-3);
  --tutor-visual-brand-1: var(--me-primary);
  --tutor-visual-brand-2: var(--me-primary-hover);
  --tutor-visual-brand-3: var(--me-primary-soft-2);

  /* Ombres */
  --tutor-shadow-xs: var(--me-shadow-1);
  --tutor-shadow-sm: var(--me-shadow-1);
  --tutor-shadow-md: var(--me-shadow-2);
  --tutor-shadow-lg: var(--me-shadow-2);
  --tutor-shadow-xl: var(--me-shadow-3);
  --tutor-shadow-2xl: var(--me-shadow-3);
}

/* Compléments d'habillage : le tableau de bord Tutor adopte la typographie et
   les arrondis du design system. Les actions natives restent intactes. */
:root[data-meph-theme] .tutor-dashboard,
:root[data-meph-theme] .tutor-dashboard-layout,
:root[data-meph-theme] .tutor-learning-area { font-family: var(--me-font); }
:root[data-meph-theme] .tutor-dashboard-content .tutor-card,
:root[data-meph-theme] .tutor-dashboard-content .tutor-course-card { border-radius: var(--me-radius-xl); }
:root[data-meph-theme] .tutor-dashboard a:focus-visible,
:root[data-meph-theme] .tutor-dashboard button:focus-visible { outline: none; box-shadow: var(--me-focus-ring); }