/*
 * TOKENS LEGACY ALIAS: Compatibilidad con nomenclatura antigua
 * 
 * Este archivo mapea las variables legacy con prefijo --sde-* a las nuevas variables sin prefijo.
 * Permite compatibilidad retroactiva sin necesidad de refactorizar todo el código de una vez.
 * 
 * IMPORTANTE: Este archivo es TEMPORAL y será eliminado en futuros PRs una vez que
 * todos los archivos CSS migren a la nueva nomenclatura.
 * 
 * Estrategia: Variables legacy apuntan a las nuevas variables (single source of truth en tokens.css)
 * 
 * Phase PR2: Creado para mantener compatibilidad durante migración
 */

:root {
    /* ==========================================================
       COLORES LEGACY (--sde-color-*)
    ========================================================== */
    
    --sde-color-primary: var(--color-primary);
    --sde-color-primary-alt: var(--color-primary-alt);
    --sde-color-red: var(--color-primary); /* Alias de primary */
    --sde-color-black: var(--color-black);
    --sde-color-white: var(--color-white);
    
    /* Grises legacy */
    --sde-color-gray-light: #e6e6e6; /* No tiene equivalente exacto, mantener valor original */
    --sde-color-gray-medium: #d8d8d8; /* No tiene equivalente exacto, mantener valor original */
    --sde-color-gray-dark: var(--color-gray-500); /* ~#666 */
    --sde-color-gray-darker: var(--color-gray-700); /* ~#444 */
    --sde-color-gray-border: #e5e5e5; /* Aproximado a --color-border-light */
    --sde-color-gray-separator: var(--color-separator); /* #e9e9e9 */
    
    /* ==========================================================
       TIPOGRAFÍA LEGACY (--sde-font-*)
    ========================================================== */
    
    /* NOTA: Las fuentes originales eran "MJRT" y "MarcinAnt", 
       pero tokens.css usa MajritTx y MarcinAntB. 
       Mantenemos valores legacy originales por compatibilidad */
    --sde-font-serif: "MJRT", serif;
    --sde-font-serif-roman: "MJRT Roman", serif;
    --sde-font-sans: "MarcinAnt", sans-serif;
    
    /* ==========================================================
       ESPACIADO LEGACY (--sde-spacing-*, --sde-gap)
    ========================================================== */
    
    --sde-gap: var(--space-4); /* 16px */
    --sde-spacing-xs: var(--space-1); /* 4px */
    --sde-spacing-sm: var(--space-2); /* 8px */
    --sde-spacing-md: var(--space-4); /* 16px */
    --sde-spacing-lg: var(--space-6); /* 24px */
    --sde-spacing-xl: var(--space-8); /* 32px */
    --sde-spacing-xxl: var(--space-10); /* 40px */
    
    /* ==========================================================
       LAYOUT LEGACY (--sde-container-*, --sde-breakpoint-*)
    ========================================================== */
    
    --sde-container-max-width: var(--container-max-width); /* 1320px */
    --sde-container-padding: 15px; /* Valor original legacy (no tiene equivalente exacto) */
    
    --sde-breakpoint-tablet: var(--breakpoint-tablet); /* 1024px */
    --sde-breakpoint-mobile: var(--breakpoint-mobile); /* 768px */
}