/* ========================================
   VARIÁVEIS CSS - PERSONALIZE AQUI!
   ======================================== */

:root {
    /* ========================================
       CORES PRINCIPAIS
       ======================================== */

    --white: #ffffff;
    --black: #000000;
    --theme-color: #007bff;
    --a-g-theme-color: #007bff;

    /* ========================================
       CORES DETECTADAS NO PROJETO
       ======================================== */

    /* #000, #00bf63, #4a98bf, #555, #62baea, #6495ed, #747474, #e6e8ea, #ff0, #fff, #ffffff, rgb(161 98 7), rgb(185 28 28), rgb(21 128 61), rgb(219 234 254), rgb(22 163 74), rgb(220 252 231), rgb(220 38 38), rgb(239 246 255), rgb(240 253 244) */

    /* ========================================
       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: 0.5rem;
    --border-radius: 0.5rem;
    --border-radius-button: 0.5rem;
    --border-radius-card: 0.5rem;
}

/* ========================================
   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-*
*/