/* assets/css/base/variables.css */

:root {
    /* Colores corporativos */
    --color-primary: #4b3fa5;
    --color-primary-soft: #6f63d6;
    --color-bg: #dcd5eb;
    --color-text: #2b2338;

    --color-error-bg: #ffe4e6;
    --color-error-text: #7f1d1d;

    /* Tarjetas y inputs */
    --radius-card: 24px;
    --radius-input: 10px;

    --shadow-card: 0 18px 40px rgba(59, 45, 104, 0.25);

    /* Tipografía */
    --font-main: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    /* Espaciados */
    --space-xs: 4px;
    --space-s: 8px;
    --space-m: 16px;
    --space-l: 24px;

    /* Transiciones */
    --transition-fast: 0.15s ease-out;
}