/**
 * Manso Orgullo — Tutor LMS 4.0 token rebrand
 * Pisa las CSS custom properties --tutor-* con la paleta Plasma.
 * Solo variables: marca (magenta/violet/cyan) + estados (éxito cyan, error rosa profundo).
 * Neutros de Tutor (superficies, grises, tipografía) NO se tocan → "vanilla".
 * Debe cargar DESPUÉS de tutor-core (ver mo_enqueue_tutor_tokens en functions.php).
 * Ref: tutor-lms-4.0-theme-custom.md §9 · Sistema de dise_o.md §2
 */

/* ═══════════════════════════════════════════════
   TEMA CLARO
   ═══════════════════════════════════════════════ */
:root,
[data-tutor-theme='light'] {
  /* ---- MARCA · magenta #FF3DA8 / violet #7A4DFF / cyan #34E7E4 ---- */

  /* Surfaces de marca */
  --tutor-surface-brand-dark: #C81A7C;
  --tutor-surface-brand-primary: #FF3DA8;
  --tutor-surface-brand-primary-2: #EC2A97;
  --tutor-surface-brand-secondary: #FFD3E9;
  --tutor-surface-brand-tertiary: #FFE3F1;
  --tutor-surface-brand-quaternary: #FFF2F8;

  /* Texto de marca / enlaces → violet (legible sobre claro) */
  --tutor-text-brand: #7A4DFF;
  --tutor-text-brand-hover: #6A3DEF;
  --tutor-text-brand-secondary: #7A4DFF;

  /* Íconos de marca → magenta */
  --tutor-icon-brand: #FF3DA8;
  --tutor-icon-brand-hover: #EC2A97;
  --tutor-icon-brand-secondary: #FF6FC0;

  /* Botón primario → magenta */
  --tutor-button-primary: #FF3DA8;
  --tutor-button-primary-hover: #EC2A97;
  --tutor-button-primary-focused: #EC2A97;
  --tutor-button-primary-soft: #FFE3F1;
  --tutor-button-primary-soft-hover: #FFD3E9;
  --tutor-button-primary-soft-focused: #FFD3E9;

  /* Bordes de marca */
  --tutor-border-brand: #FF3DA8;
  --tutor-border-brand-secondary: #FF6FC0;
  --tutor-border-brand-tertiary: #FFC7E5;

  /* Tabs / ítem activo → tinte rosa suave (highlight sutil, NO bloque magenta) */
  --tutor-tab-sidebar-l2-active: #FFE3F1;
  --tutor-tab-sidebar-l4-active: #FFE3F1;
  --tutor-tab-l3-active: #FFE3F1;
  --tutor-tab-l3-active-hover: #FFD3E9;

  /* Acciones de marca */
  --tutor-actions-brand-primary: #FF3DA8;
  --tutor-actions-brand-secondary: #FF6FC0;
  --tutor-actions-brand-tertiary: #FFC7E5;

  /* Quiz */
  --tutor-quiz-hover: #FFE3F1;

  /* ---- ESTADO ÉXITO · cyan #34E7E4 (texto en teal profundo legible) ---- */
  --tutor-surface-success: #DFFAF9;
  --tutor-text-success: #0E8F8C;
  --tutor-icon-success-primary: #16B8B4;
  --tutor-icon-success-secondary: #34E7E4;
  --tutor-button-success: #16B8B4;
  --tutor-button-success-hover: #0E9E9B;
  --tutor-button-success-focused: #0E9E9B;
  --tutor-border-success: #34E7E4;
  --tutor-border-success-secondary: #7FF0EE;
  --tutor-actions-success-primary: #16B8B4;
  --tutor-actions-success-secondary: #34E7E4;
  --tutor-actions-success-tertiary: #7FF0EE;
  --tutor-actions-success-exception: #0E8F8C;

  /* ---- ESTADO ERROR · rosa profundo #D11149 (distinto del CTA magenta) ---- */
  --tutor-surface-critical: #FDE3EC;
  --tutor-text-critical: #D11149;
  --tutor-text-critical-hover: #B40E3F;
  --tutor-icon-critical: #E01A5A;
  --tutor-icon-critical-hover: #C4104A;
  --tutor-button-destructive: #E01A5A;
  --tutor-button-destructive-hover: #C4104A;
  --tutor-button-destructive-focused: #C4104A;
  --tutor-button-destructive-soft: #FDE3EC;
  --tutor-button-destructive-soft-hover: #FBD3E0;
  --tutor-button-destructive-soft-focused: #FBD3E0;
  --tutor-border-error: #E01A5A;
  --tutor-border-error-secondary: #F58BAD;
  --tutor-border-error-tertiary: #FDD3E0;
  --tutor-actions-critical-primary: #E01A5A;
  --tutor-actions-critical-secondary: #F58BAD;
}

/* ═══════════════════════════════════════════════
   TEMA OSCURO · plasma más luminoso sobre superficies dark
   (no se tocan las superficies oscuras de Tutor)
   ═══════════════════════════════════════════════ */
[data-tutor-theme='dark'] {
  /* Marca */
  --tutor-surface-brand-primary: #FF5CB8;
  --tutor-surface-brand-primary-2: #FF7AC6;
  --tutor-surface-brand-secondary: #3A2130;
  --tutor-surface-brand-tertiary: #2A1A24;
  --tutor-surface-brand-quaternary: #20141C;

  --tutor-text-brand: #A98BFF;
  --tutor-text-brand-hover: #BCA4FF;
  --tutor-text-brand-secondary: #A98BFF;

  --tutor-icon-brand: #FF5CB8;
  --tutor-icon-brand-hover: #FF7AC6;
  --tutor-icon-brand-secondary: #FF7AC6;

  --tutor-button-primary: #FF5CB8;
  --tutor-button-primary-hover: #FF7AC6;
  --tutor-button-primary-focused: #FF7AC6;
  --tutor-button-primary-soft: #3A2130;
  --tutor-button-primary-soft-hover: #4A2A3E;
  --tutor-button-primary-soft-focused: #4A2A3E;

  --tutor-border-brand: #FF5CB8;
  --tutor-border-brand-secondary: #B84A86;
  --tutor-border-brand-tertiary: #6E3352;

  --tutor-tab-sidebar-l2-active: #3A2130;
  --tutor-tab-sidebar-l4-active: #3A2130;
  --tutor-tab-l3-active: #3A2130;
  --tutor-tab-l3-active-hover: #4A2A3E;

  --tutor-actions-brand-primary: #FF5CB8;
  --tutor-actions-brand-secondary: #FF7AC6;
  --tutor-actions-brand-tertiary: #6E3352;

  /* Éxito */
  --tutor-surface-success: #16302F;
  --tutor-text-success: #4FE9E6;
  --tutor-icon-success-primary: #4FE9E6;
  --tutor-icon-success-secondary: #2CD3CF;
  --tutor-button-success: #2CD3CF;
  --tutor-button-success-hover: #4FE9E6;
  --tutor-button-success-focused: #4FE9E6;
  --tutor-border-success: #2CD3CF;
  --tutor-actions-success-primary: #2CD3CF;
  --tutor-actions-success-secondary: #4FE9E6;

  /* Error */
  --tutor-surface-critical: #33161F;
  --tutor-text-critical: #FF6F97;
  --tutor-text-critical-hover: #FF88A8;
  --tutor-icon-critical: #FF5C86;
  --tutor-icon-critical-hover: #FF7A9C;
  --tutor-button-destructive: #FF5C86;
  --tutor-button-destructive-hover: #FF7A9C;
  --tutor-button-destructive-focused: #FF7A9C;
  --tutor-border-error: #FF5C86;
  --tutor-actions-critical-primary: #FF5C86;
  --tutor-actions-critical-secondary: #FF7A9C;
}