:root {
    --color-primary: #D8131E;
    --color-primary-rgb: 216, 19, 30;
}
html, body{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.color-page {
    color: var(--color-primary);
}

.bg-page {
    background-color: var(--color-primary);
}

.bg-page-rgba {
    background-color: rgba(var(--color-primary-rgb), 0.1);
}

.border-page {
    border-color: var(--color-primary);
}
.context-slide h1{
    font-size: var(--text-5xl);
}
.context-slide h2{
    font-size: var(--text-4xl);
}
.context-slide h3{
    font-size: var(--text-3xl);
}
.context-slide h4{
    font-size: var(--text-2xl);
}
.context-slide h5{
    font-size: var(--text-xl);
}
.context-slide h6{
    font-size: var(--text-lg);
}
.text-content p{
    color: var(--color-gray-700);
    line-height: var(--leading-relaxed);
}

.text-content ul{
    margin: 0 0 0 16px;
}
.text-content ul li{
    list-style: disc;
}