/*!
 * Variables CSS globales: colores, tipografía, layout y sombras del tema AlexiaSoft.
 *
 * @package AlexiaSoft
 * @since   1.0.0
 */
:root {
    /* Colores */
    --color-primary:        #6c3bff;
    --color-primary-dark:   #4e22d4;
    --color-secondary:      #ff3b6b;
    --color-accent:         #00d4aa;
    --color-text:           #1a1a2e;
    --color-text-light:     #6b7280;
    --color-bg:             #ffffff;
    --color-bg-alt:         #f5f5fb;
    --color-border:         #e5e7eb;
    --color-dark:           #0d0d2b;
    --color-header-bg:      rgba(13,13,43,.95);
    --color-header-text:    #ffffff;
    --color-footer-bg:      #0d0d2b;
    --color-footer-text:    rgba(255,255,255,.6);

    /* Tipografía */
    --font-body:            'Inter', system-ui, -apple-system, sans-serif;
    --font-heading:         'Inter', system-ui, -apple-system, sans-serif;
    --font-size-base:       16px;
    --font-size-sm:         0.875rem;
    --font-size-lg:         1.125rem;
    --line-height:          1.7;

    /* Layout */
    --container-width:      1200px;
    --container-padding:    5%;
    --header-height:        70px;
    --sidebar-width:        300px;

    /* UI */
    --border-radius:        8px;
    --border-radius-lg:     16px;
    --border-radius-xl:     24px;
    --shadow-sm:            0 2px 8px rgba(108,59,255,.08);
    --shadow-md:            0 8px 32px rgba(108,59,255,.12);
    --shadow-lg:            0 16px 48px rgba(108,59,255,.18);
    --transition:           0.2s ease;

    /* Gradientes */
    --gradient-primary:     linear-gradient(135deg, #6c3bff, #ff3b6b);
    --gradient-dark:        linear-gradient(135deg, #0d0d2b 0%, #1a1050 50%, #0d1a3a 100%);
}