:root {
    --mobile-width: 768px;
    --max-width: 1200px;

    /* Fontes */
    

    /* Cores */
    --color-bg: #EAF2F8;          

    --color-container: #FFFFFF;   
    --color-primary: #222831;      
    --color-secondary: #393E46;     
    --color-tertiary: #948979; 
    --color-footer: #ECEBDE;

    --color-accent: #A6795F;        
    --color-accent-2: #F4A261;        
    --color-text: #ECEBDE;
    --color-text-secondary: #393E46;
    --color-text-tertiary: #5f727f;

    --font-size-xxs: 0.5rem;    /* 8px */
    --font-size-xs: 0.625rem;   /* 10px */
    --font-size-sm: 0.75rem;    /* 12px */
    --font-size-md: 1rem;       /* 16px (base) */
    --font-size-lg: 1.25rem;    /* 20px */
    --font-size-xl: 1.5rem;     /* 24px */
    --font-size-2xl: 2rem;      /* 32px */
    --font-size-3xl: 2.5rem;    /* 40px */
    --font-size-4xl: 3rem;      /* 48px */

    --spacing-extra-small: 0.25rem;
    --spacing-small: 0.5rem;
    --spacing-medium: 1rem;
    --spacing-medium-2: 1.5rem;
    --spacing-large: 2rem;
    --spacing-xlarge: 4rem;
    --spacing-xxlarge: 8rem;
}