/* Cores */
:root {
    --primary-color: #510e8c;
    --secondary-color: #00eb84;
    /* --primary-color-light: rgba(81, 14, 140, 0.3);
    --secondary-color-light: rgba(0, 235, 133, 0.2); */

    /* tema default */
    --background-color-default: #ffffff;
    --background-color-default-opt2: #ffffff;
    --background-gray-default: #f9f9f9;
    --background-gray-default-opt2: #f9f9f9;
    --background-color-table: #fafafa;

    /* Dark mode */
    --border-color-dark-mode: #4e555c; 
    --color-text-dark-mode: #dee2e6; 
    --background-color-light-dark-mode: #343a40; 
    --background-color-dark-mode: #212529; 

    /* Cores para mensagens */
    --success-color: #28a745;
    --error-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    --color-light-default: #d4d4d4;
    --color-dark-default: #575057;


    /* Variações das cores para mensagens */
    --success-color-light: #85e89d;
    --success-color-dark: #1c7c31;

    --error-color-light: #f7a8a9;
    --error-color-dark: #a42830;

    --warning-color-light: #ffe69b;
    --warning-color-dark: #c69500;

    --info-color-light: #78cbd9;
    --info-color-dark: #115e6b;

    /* Tipografia */
    --font-family-base: 'Montserrat', sans-serif;
    /* --font-family-base: 'Be Vietnam Pro', sans-serif; tava em uso */
    /* --font-family-heading: 'Georgia', serif; */

    --text-color: #555555;
    /* --font-size-base: 15px;  */
    --font-size-base: 14px;
    --font-size-small: 0.88em; /* 14px */
    --font-size-average: 1.13em; /* 18px */
    --font-size-large: 1.38em; /* 22px */
    --font-size-heading-primary: 2.5rem; /* 40px */
    --font-size-heading-secondary: 2rem; /* 32px */

    /* Espaçamento */
    --spacing-extra-small: 0.25rem; /* 4px */
    --spacing-small: 0.5rem; /* 8px */
    --spacing-medium: 1rem; /* 16px */
    --spacing-large: 2rem; /* 32px */
    --spacing-extra-large: 4rem; /* 64px */

    /* Bordas */
    --border-radius: 10px; 
    --border-radius-extra: 50px;
    --border-radius-small: 5px;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #DDDDDD;
    --border-color-light: #EEEEEE;
    

    /* Sombras */
    --box-shadow: 0 1px 15px rgba(0, 0, 0, .04), 0 1px 6px rgba(0, 0, 0, .04);

    /* seta */
    --select-arrow: url('../../images/icons/chevron-down.png');
    --select-arrow-light: url('../../images/icons/chevron-down-light.png');
}