:root{
    
    /* Cores  -------------------------------------- */

    /* --color-primary: #170b47;
    --color-on-primary: #fff;
    --color-secondary:  #a5cd3c;
    --color-on-secondary: #fff;
    --color-light: #f5f5f3;
    --color-light-dark: #eae6e3;
    --color-on-light: #333;
    --color-gray: #CCC;
    --color-on-gray: #666;
    --color-success: rgb(137, 248, 94);
    --color-on-success: #000;
    --color-danger: #F00;
    --color-on-danger: #FFF;
    --color-link: #0099FF;
    --color-secondary-green: #452b7f;
    --color-secondary-pink: #10147A;
    --btn-color:  #a5cd3c;
    --primary-theme-color:  #a5cd3c;
    --secondary-theme-color: #170b47;
    --primary-color:  #a5cd3c;
    --secondary-color: #170b47; */
    --theme-color: #EAC61F;
    --w-300: 300;
    --w-400: 400;
    --w-500: 500;
    --w-600: 600;
    --w-700: 700;

    /* Fonte  -------------------------------------- */

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

    /* Tamanho de fonte  -------------------------------------- */

    --font-size-xs: 10px;
    --font-size-sm: 13px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-xg: 25px;

    /* Espaçamento  -------------------------------------- */

    --spacing-xs: 1px;
    --spacing-sm: 5px;
    --spacing-md: 8px;
    --spacing-lg: 15px;
    --spacing-xg: 30px;
    --spacing-section: 70px;

    /* Radius  -------------------------------------- */

    --radius-xs: 1px;
    --radius-sm: 5px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xg: 9999px;

    /* Efeitos ---------------------------------------- */

    --transition-speed: 0.5s;
    --transition-movement: ease;
    --transition: var(--transition-speed) var(--transition-movement) all;

    --cta-hover-filter: brightness(0.85);
    --cta-hover-opacity: 1;

    /* Componentes ---------------------------------------- */


    --title-font-family: var(--font-family-default);
    --text-font-family: var(--font-family-default);
    --text-color: #333;

    --button-radius: var(--radius-xs);
    --button-font-family: var(--font-family-default);
    
    --input-radius: var(--radius-xs);
    --input-spacing: var(--spacing-md);
    --input-font-family: var(--font-family-default);
    --input-text-color: var(--text-color);
}

@media (prefers-reduced-motion) {
    :root{
        --transition-speed: 0s;
    }
}

@media screen and (max-width: 850px) {
    :root {
        --spacing-section: 30px;
    }

}