:root, :root:not(.t-light) {
    --primary: #d82e31;
    --on-primary: #fff;
    --primary-container: #f7f7f7;
    --on-primary-container: #000;
    --on-surface: #000;
    --surface: #f2f2f2;
    --surface-container: #e6e6e6;
    --surface-container-low: #fafafa;
    --on-surface-variant: #333333;
}

.t-mytickster {
    --my-on-header-surface: #fff;
    --my-header-surface: #D40514;
    --my-header-accent: #fff;
}

@media screen and (min-width: 576px) {
    .t-mytickster .logo svg,
    .t-mytickster .logo img {
        height: 75px;
    }
}