/* ==========================================================
   NEYORD DESIGN SYSTEM
   VARIABLES
   ========================================================== */

:root {

    /* -------------------------------------------------------
       COLORES
    ------------------------------------------------------- */
/* Ecosistema Neyord */

    --color-primary: #0B4D8C;
    --color-primary-dark: #07325B;
    --color-green: #1E4D3A;
    --color-burgundy: #7A2434;
    --color-white: #FFFFFF;
    --color-gray-50: #F5F7FA;
    --color-gray-200: #D8DEE7;
    --color-text: #333333;
    --color-text-light: #666666;

/* Productos */

    --product-convert: #0B4D8C;
    --product-studio: #6C4CF1;
    --product-neypas: #1E4D3A;
    --product-laundry: #27B5E8;
    --product-market: #F28C28;
    --product-rental: #00A6A6;
    --product-ledger: #4B5563;
    --product-segvial: #7A2434;
    --product-fc: #8B5CF6;


    /* -------------------------------------------------------
       TIPOGRAFÍA
    ------------------------------------------------------- */

    --font-family: 'Inter', sans-serif;

    --font-size-h1: 56px;
    --font-size-h2: 42px;
    --font-size-h3: 30px;
    --font-size-body: 18px;
    --font-size-small: 15px;

    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;


    /* -------------------------------------------------------
       ESPACIADO
    ------------------------------------------------------- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
    --space-6: 48px;
    --space-7: 64px;
    --space-8: 96px;

/* -------------------------------------------------------
       LAYOUT
------------------------------------------------------- */

    --layout-container: 1320px;
    --layout-radius: 14px;
    --layout-header-height: 80px;

    /* -------------------------------------------------------
       SOMBRAS
    ------------------------------------------------------- */

    --shadow-sm: 0 2px 8px rgba(0,0,0,.05);
    --shadow-md: 0 10px 35px rgba(0,0,0,.08);
    --shadow-lg: 0 20px 60px rgba(0,0,0,.12);

        /* -------------------------------------------------------
       TRANSICIONES
    ------------------------------------------------------- */

    --transition-fast: .20s ease;
    --transition-default: .25s ease;
    --transition-slow: .40s ease;

}