:root {

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

    --color-black: #030303;
    --color-dark: #080808;
    --color-dark-gray: #111111;
    --color-gray-dark: #1c1c1c;

    --color-red: #e5092f;
    --color-red-dark: #970019;
    --color-red-light: #ff1744;

    --color-white: #ffffff;
    --color-gray: #b8b8b8;
    --color-gray-light: #d6d6d6;


    /* ==========================================
       TIPOGRAFÍAS
    ========================================== */

    --font-primary: 'Inter', sans-serif;
    --font-display: 'Bebas Neue', sans-serif;


    /* ==========================================
       BORDES
    ========================================== */

    --radius-sm: 4px;
    --radius-md: 10px;
    --radius-lg: 20px;


    /* ==========================================
       EFECTOS
    ========================================== */

    --shadow-red:
        0 0 20px rgba(229, 9, 47, 0.35);

    --shadow-red-strong:
        0 0 60px rgba(229, 9, 47, 0.35);
}