/* CSS para Tenant: eY48VJ1Dkx - Template: plan */
:root {
    --color-1: #0008ff;
    --color-2: #ffffff;
    --color-3: #ffffff;
    --color-4: #ffffff;
    --color-primary: #0008ff;
    --color-secondary: #ffffff;
    --font-h1: 'Roboto', sans-serif;
    --size-h1: 24px;
    --font-h2: 'Roboto', sans-serif;
    --size-h2: 22px;
    --font-h3: 'Roboto', sans-serif;
    --size-h3: 20px;
    --font-h4: 'Roboto', sans-serif;
    --size-h4: 18px;
    --font-h5: 'Roboto', sans-serif;
    --size-h5: 16px;
}

.color-primary { background: var(--color-primary) !important; }
.color-secondary { background: var(--color-secondary) !important; }
.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.border-primary { border-color: var(--color-primary) !important; }
.border-secondary { border-color: var(--color-secondary) !important; }
.bg-primary { background-color: var(--color-primary) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }

h1 {
    font-family: var(--font-h1) !important;
    font-size: var(--size-h1) !important;
}
h2 {
    font-family: var(--font-h2) !important;
    font-size: var(--size-h2) !important;
}
h3 {
    font-family: var(--font-h3) !important;
    font-size: var(--size-h3) !important;
}
h4 {
    font-family: var(--font-h4) !important;
    font-size: var(--size-h4) !important;
}
h5 {
    font-family: var(--font-h5) !important;
    font-size: var(--size-h5) !important;
}