/**
 * Variables globales
 * Remodelando Pixel
 */

:root {
    --rmd-brown: #756b54;
    --rmd-brown-dark: #403a2d;
    --rmd-green: #b9d66f;
    --rmd-green-dark: #79952f;
    --rmd-orange: #f8a02b;
    --rmd-orange-dark: #d98112;

    --rmd-black: #111111;
    --rmd-text: #272727;
    --rmd-text-soft: #696969;
    --rmd-white: #ffffff;

    --rmd-gray-50: #fafafa;
    --rmd-gray-100: #f5f5f3;
    --rmd-gray-200: #e8e8e5;
    --rmd-gray-300: #d6d6d1;

    --rmd-font-heading:
        "Montserrat",
        "Helvetica Neue",
        Arial,
        sans-serif;

    --rmd-font-body:
        "Inter",
        "Helvetica Neue",
        Arial,
        sans-serif;

    --rmd-container: 1240px;
    --rmd-container-wide: 1440px;

    --rmd-radius-sm: 6px;
    --rmd-radius-md: 14px;
    --rmd-radius-lg: 26px;

    --rmd-shadow-sm:
        0 6px 20px rgba(17, 17, 17, 0.07);

    --rmd-shadow-md:
        0 18px 45px rgba(17, 17, 17, 0.12);

    --rmd-transition:
        180ms ease;
}