:root {
    --key-primary: #db1215;
    --key-primary-dark: color-mix(in srgb, var(--key-primary) 78%, #000000);
    --key-secondary: #000000;
    --key-accent: #db1215;
    --key-body-color: #545454;
    --key-heading-color: #000000;
    --key-background: #ffffff;
    --key-surface: #ffffff;
    --key-border-color: #ebebeb;
    --key-button-radius: 3px;
    --key-container-width: 1440px;
    --key-heading-font: "Albert Sans", sans-serif;
    --key-body-font: "Albert Sans", sans-serif;
    --key-font-family: "Albert Sans", sans-serif;
}

body[data-tk-theme="key3"] {
    --primary: var(--key-primary);
    --main: var(--key-secondary);
    --text: var(--key-body-color);
    background: var(--key-background);
    color: var(--key-body-color);
    font-family: var(--key-body-font);
}

body[data-tk-theme="key3"] h1,
body[data-tk-theme="key3"] h2,
body[data-tk-theme="key3"] h3,
body[data-tk-theme="key3"] h4,
body[data-tk-theme="key3"] h5,
body[data-tk-theme="key3"] h6 {
    color: var(--key-heading-color);
    font-family: var(--key-heading-font);
}

body[data-tk-theme="key3"] .logo-header img {
    max-height: 70px;
    width: auto;
}

body[data-tk-theme="key3"] .footer-logo img {
    max-height: 90px;
    width: auto;
}

body[data-tk-theme="key3"] .tf-payment img {
    height: 28px;
    width: auto;
    object-fit: contain;
}