/* Definição de variáveis de cores e propriedades reutilizáveis */
:root {
    --color-primary: #22355C;
    --color-secondary: #1F2E49;
    --color-tertiary: #204921;
    --color-quaternary: #283354;
    --color-light: #ccccff;
    --color-light-secondary: #ccffcc;
    --color-light-quaternary: #ffffcc;
    --color-text: #333;
    --color-text-secondary: #666;
    --color-background: #fff;
    --color-hover: #22355C;
    --color-hover-text: #ffffff;
    --color-border: #ddd;
    
    --font-family: "Libre Franklin", sans-serif;
    --font-size: 13px;
    --font-size-small: 10px;
    --font-size-medium: 12px;
    --font-size-large: 14px;

    --container-width: 1200px;
    --container-padding: 15px;
}

/* Estilos Globais */
body, * {
    font-family: var(--font-family);
    font-size: var(--font-size);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
}

/* Container padrão */
.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

/* Media queries para responsividade */
@media (max-width: 1200px) {
    .container {
        padding: 0 30px;
    }
}

@media (max-width: 992px) {
    .container {
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 15px;
    }
}

@media (max-width: 576px) {
    .container {
        padding: 0 10px;
    }
}





@font-face {
    font-family:'Harabara';
    src: url('../fonts/Harabara Bold.eot');
    src: url('../fonts/Harabara Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Harabara Bold.woff2') format('woff2'),
        url('../fonts/Harabara Bold.woff') format('woff'),
        url('../fonts/Harabara Bold.svg#Harabara Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FC;
}