/* =========================================
   VARIABLES GLOBALES
   Muralla Digital · Tema claro · Pro
========================================= */

:root {

    /* ===== COLORES ===== */

    --color-primary: #FFC107;
    --color-primary-dark: #E0A800;
    --color-primary-light: #FFE082;

    --color-background: #F5F5F5;
    --color-surface: #FFFFFF;

    --color-text-primary: #1C1C1C;
    --color-text-secondary: #555555;
    --color-text-muted: #8A8A8A;

    --color-success: #4CAF50;
    --color-warning: #FF9800;
    --color-danger: #F44336;
    --color-info: #03A9F4;

    --color-premium: #FF3D00;

    /* ===== TIPOGRAFÍA ===== */

    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont,
                         'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
                         'Helvetica Neue', Arial, sans-serif;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1.05rem;
    --font-size-lg: 1.4rem;
    --font-size-xl: 1.9rem;
    --font-size-xxl: 2.6rem;

    /* ===== ESPACIADOS ===== */

    --space-xxs: 4px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-xxl: 48px;

    /* ===== RADIOS (RECTOS) ===== */

    --radius-sm: 0px;
    --radius-md: 0px;
    --radius-lg: 0px;
    --radius-xl: 0px;

    /* ===== SOMBRAS ===== */

    --shadow-soft: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-medium: 0 8px 24px rgba(0,0,0,0.12);
    --shadow-strong: 0 12px 40px rgba(0,0,0,0.18);

    /* ===== TRANSICIONES ===== */

    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.6s ease;
}