/*====================================================
    yirehmana DESIGN SYSTEM
====================================================*/

:root {
    /*==========================
        CORPORATIVOS
    ==========================*/

    --primary: #05111A;
    --primary-light: #0B2233;
    --primary-dark: #02080E;
    --secondary: #D4AF37;
    --secondary-light: #E4C65C;
    --secondary-dark: #A67C00;
    --success: #2ECC71;
    --danger: #E74C3C;
    --warning: #F39C12;
    --white: #FFFFFF;
    --gray-100: #F8F9FA;
    --gray-200: #ECEFF3;
    --gray-300: #D7DCE2;
    --gray-500: #8894A2;
    --gray-700: #4A5568;
    --gray-900: #1C2430;
    --text: #EAECEF;
    --text-dark: #222;
    /*==========================
        SOMBRAS
    ==========================*/

    --shadow-xs: 0 2px 8px rgba(0,0,0,.05);
    --shadow-sm: 0 8px 18px rgba(0,0,0,.08);
    --shadow-md: 0 12px 30px rgba(0,0,0,.12);
    --shadow-lg: 0 25px 60px rgba(0,0,0,.18);
    /*==========================
        RADIOS
    ==========================*/

    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 40px;
    /*==========================
        HEADER
    ==========================*/

    --header-height: 88px;
    /*==========================
        TRANSICIONES
    ==========================*/

    --transition: .30s ease;
}