/* --------------------------------------------|
| |
| Colors |
| |
|-------------------------------------------- */

:root,
[data-theme="default"],
[data-theme=""] {
    --color-primary: #212529;
    --color-accent: #a81c31;
    --color-accent-light: #d78051;
    --color-secondary: #6a121f;
    --color-accent-dark: #6a121f; /* accent dark mapped from fourth color */
    --color-local-footer: #000000;
    .footer {
        color: #000000;
    }
    .footer__inner > div:not(:last-child):after {
        background-color: #000000;
    }
    ul.arrow.arrow--footer li::before {
        color: #000000;
    }
    --color-local-footer: #ffffff;
    .footer {
        background-color: #ffffff;
    }
    --color-local-section: #ffffff;
    .section__inner {
        background-color: #ffffff;
        padding-left:40px;
        padding-right:40px;
    }
    .section:first-child .section__inner {
        padding-top:40px;
    }
    .section:last-child .section__inner {
        padding-bottom:40px;
    }
    --color-local-quote: #ffffff;
    --color-cta-bg: #307131;
    --color-cta: #ffffff;
    --color-cta-hover-bg: #b998c3;
    --color-cta-hover: #ffffff;
}

/* --------------------------------------------|
| |
| Background image |
| |
|-------------------------------------------- */
body {
    background-image: url('https://is.elearning-africa.com/conference/media/site/54f915f176-1759939293/bg_pattern_2026.svg');
    background-size: cover;
    background-attachment: fixed;
}

/* --------------------------------------------|
| |
| CTA blocks colors |
| |
|-------------------------------------------- */
.cta-blocks .cta-block { background-color: var(--color-cta-bg); }
.cta-blocks .cta-block { color: var(--color-cta); }
.cta-blocks .cta-block .cta-block__link a { color: var(--color-cta); }
.cta-blocks .cta-block:hover { background-color: var(--color-cta-hover-bg); }
.cta-blocks .cta-block:hover, .cta-blocks .cta-block:hover .cta-block__link a { color: var(--color-cta-hover); }
