:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --color-blanco: #ffffff; --color-blanco-hueso: #F8F7F5; --color-naranja-principal: #FF9900; --color-naranja-palido: #FFAB40; --color-rojo-secundario: #E73F20; --color-negro: #0B0B0B; --blanco: #ffffff; --blanco-hueso: #f8f7f5; --naranja-principal: #ff9900; --naranja-palido: #ffab40; --rojo-secundario: #e73f20; --rojo-secundario-palido: #EB5E50; --negro: #0b0b0b; --textos: rgba(11, 11, 11, 0.6); --gris-30: #e3e3e3; --blanco-20: rgba(255, 255, 255, 0.2); --blanco-10: rgba(255, 255, 255, 0.1); --blanco-5: rgba(255, 255, 255, 0.05); --blanco-hueso-20: rgba(248, 247, 245, 0.2); --blanco-hueso-10: rgba(248, 247, 245, 0.1); --blanco-hueso-5: rgba(248, 247, 245, 0.05); --naranja-principal-20: rgba(255, 153, 0, 0.2); --naranja-principal-10: rgba(255, 153, 0, 0.1); --naranja-principal-5: rgba(255, 153, 0, 0.05); --naranja-palido-20: rgba(255, 171, 64, 0.2); --naranja-palido-10: rgba(255, 171, 64, 0.1); --naranja-palido-5: rgba(255, 171, 64, 0.05); --rojo-secundario-20: rgba(231, 63, 32, 0.2); --rojo-secundario-10: rgba(231, 63, 32, 0.1); --rojo-secundario-5: rgba(231, 63, 32, 0.05); --negro-20: rgba(11, 11, 11, 0.2); --negro-10: rgba(11, 11, 11, 0.1); --negro-5: rgba(11, 11, 11, 0.05); --gris-30-20: rgba(227, 227, 227, 0.2); --gris-30-10: rgba(227, 227, 227, 0.1); --gris-30-5: rgba(227, 227, 227, 0.05);}