@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');

:root {
    --bs-primary: #0047BB;
    --bs-secondary: #221c35;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --primary-rgb: 0, 71, 187;
    --secondary-rgb: 34, 28, 53;
    --btn-text-primary: #ffffff;
    --btn-text-secondary: #ffffff;
    
    --primary-color: var(--bs-primary);
    --secondary-color: var(--bs-secondary);
    
    --monarca: var(--bs-primary);
    --bronze: var(--bs-secondary);
    --creme: var(--bs-light);

    --bs-body-font-family: Roboto, sans-serif;
    --bs-headings-font-family: 'Roboto Slab', serif;
    --bs-border-radius: 0.3rem;
    --bs-border-radius-sm: var(--bs-border-radius);
    --bs-border-radius-lg: var(--bs-border-radius);
    --bs-border-radius-xl: var(--bs-border-radius);
    --bs-border-radius-xxl: var(--bs-border-radius);
    --monarca: #0047BB;
    --bronze: #221c35;
    --creme: #f8f9fa;

    --logo-nav-width: auto;
    --logo-nav-height: 40px;
    --logo-footer-width: auto;
    --logo-footer-height: 30px;
}