/* ========================================
   VARIÁVEIS CSS - PERSONALIZE AQUI!
   ======================================== */

:root {
    /* ========================================
       CORES PRINCIPAIS
       Modifique estas cores para mudar o tema
       ======================================== */

    --white: #ffffff;
    --black: #000000;
    --theme-color: #6495ed;
    --a-g-theme-color: #6495ed;

    /* ========================================
       CORES DETECTADAS NO PROJETO
       ======================================== */

    /* #000, #006eff, #009b26, #009e26, #1faa00, #3e3e3e, #4a98bf, #555, #5d5d5d, #62baea, #6495ed, #676767, #686868, #6ec1e4, #8f8f8f, #c2c2c2, #c5c5c5, #c5fca3, #d6a900, #dedede */

    /* ========================================
       TIPOGRAFIA
       ======================================== */

    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Roboto', sans-serif;
    --font-button: 'Montserrat', sans-serif;

    /* ========================================
       ESPAÇAMENTOS
       ======================================== */

    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 2rem;
    --spacing-xl: 4rem;

    /* ========================================
       BORDAS E RAIOS
       ======================================== */

    --a-g-round: 1rem;
    --border-radius: 0.375rem;
}

/* ========================================
   GUIA RÁPIDO DE PERSONALIZAÇÃO
   ======================================== */

/*
   PARA MUDAR A COR DO TEMA:
   - Altere --theme-color e --a-g-theme-color acima

   PARA MUDAR FONTES:
   - Altere --font-heading, --font-body, --font-button

   PARA AJUSTAR ESPAÇAMENTOS:
   - Modifique as variáveis --spacing-*
*/
