/*
 * Gerenciamento de Fontes - Tema Goat
 * File responsible for loading and configuring the fonts used in the theme
 */

/* Importação da fonte Poppins do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Default font configuration */
:root {
    --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
}

/* Aplicação da fonte Poppins em todo o site */
* {
    font-family: var(--font-primary);
}

body {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-regular);
    line-height: 1.6;
}

/* Classes utilitárias para diferentes pesos da fonte */
.font-light {
    font-weight: var(--font-weight-light);
}

.font-regular {
    font-weight: var(--font-weight-regular);
}

.font-medium {
    font-weight: var(--font-weight-medium);
}

.font-semibold {
    font-weight: var(--font-weight-semibold);
}

.font-bold {
    font-weight: var(--font-weight-bold);
}

.font-extrabold {
    font-weight: var(--font-weight-extrabold);
}

.font-black {
    font-weight: var(--font-weight-black);
}

/* Classes para itálico */
.font-italic {
    font-style: italic;
}

/* Configurações específicas para títulos */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
}

/* Configurações específicas para links */
a {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium);
}

/* Configurações específicas para botões */
button, .btn, input[type="submit"], input[type="button"] {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium);
}

/* Configurações específicas para inputs */
input, textarea, select {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-regular);
}

/* Fallback para navegadores que não suportam CSS custom properties */
@supports not (--custom: property) {
    * {
        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    }
    
    body {
        font-weight: 400;
        background-color: #F0E7DA !important;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-weight: 700;
    }
    
    a, button, .btn, input[type="submit"], input[type="button"] {
        font-weight: 500;
    }
}