@import url('https://fonts.googleapis.com/css2?family=Century+Gothic&display=swap');
:root {
    --color-primary: #000157; /* azul escuro — cor dominante */
    --color-primary-light: #0800a2;
    --color-primary-dark: #0A2463;

    --color-secondary: #FFD700; /* amarelo dourado — destaque e CTAs */
    --color-secondary-light: #afaca9;
    --color-secondary-dark: #0A2463;

    /* Cor de cada departamento — usada em badges, bordas e filtros */
    --color-einf: #007EBD; /* Eng. Informática */
    --color-epi: #D72638; /* Eng. de Produção */
    --color-ecv: #0B5589; /* Eng. Civil */
    --color-eqm: #2E8524; /* Eng. Química */
    --color-eelt: #F9AA0E; /* Eng. Electrotécnica */
    --color-emc: #595A5B; /* Eng. Mecânica */
    --color-all: #0A2463; /* Todos os departamentos */

        /* Cores de gradiente */
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--color-secondary-dark) 0%, var(--color-secondary) 100%);

}

/* Utilitários de texto */
.einf {
    color: var(--color-background) !important;
    background-color: var(--color-einf) !important;
}

.text-einf {
    color: var(--color-einf) !important;
}

.epi {
    color: var(--color-background) !important;
    background-color: var(--color-epi) !important;
}

.text-epi {
    color: var(--color-epi) !important;
}

.ecv {
    color: var(--color-background) !important;
    background-color: var(--color-ecv) !important;
}

.text-ecv {
    color: var(--color-ecv) !important;
}


.eqm {
    color: var(--color-background) !important;
    background-color: var(--color-eqm) !important;
}

.text-eqm {
    color: var(--color-eqm) !important;
}

.eelt {
    color: var(--color-background) !important;
    background-color: var(--color-eelt) !important;
}

.text-eelt {
    color: var(--color-eelt) !important;
}

.emc {
    color: var(--color-background) !important;
    background-color: var(--color-emc) !important;
}

.text-emc {
    color: var(--color-emc) !important;
}

.primary {
    color: var(--color-background) !important;
    background-color: var(--color-primary) !important;
}

.secondary {
    color: var(--color-background) !important;
    background-color: var(--color-secondary) !important;
}

.gradient {
    color: var(--color-background) !important;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%) !important;
}

html, body {
    font-family: 'Century Gothic', sans-serif;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: var(--color-primary);
}

.btn-primary {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.btn-secondary {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-primary);
}

.btn-secondary:hover {
    background-color: var(--color-secondary-light);
    border-color: var(--color-secondary-light);
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--color-primary);
}