body {
            background: var(--theme-page-background);
            color: var(--theme-paragraph-text);
        }

        h1, h2, h3, h4, h5, h6 {
            color: var(--theme-heading-text);
        }

        .hero-section,
        .theme-banner-surface {
            color: var(--theme-banner-text);
        }

        .hero-section :is(h1, h2, h3, h4, h5, h6, .hero-title, .brand-title),
        .theme-banner-surface :is(h1, h2, h3, h4, h5, h6) {
            color: var(--theme-banner-text) !important;
            text-shadow: 0 2px 8px rgba(0, 0, 0, .22);
        }

        .hero-section :is(p, .breadcrumb-item, .breadcrumb-item a, .breadcrumb-item::before),
        .theme-banner-muted {
            color: var(--theme-banner-muted-text) !important;
        }

        .payment-card,
        .contact-card,
        .contact-form-card,
        .working-hours-card,
        .platform-card {
            color: var(--theme-paragraph-text);
        }

        .working-hours-card :is(h2, h3, h4, h5),
        .contact-card :is(h2, h3, h4, h5) {
            color: var(--theme-heading-text) !important;
        }

        .btn-theme,
        .btn-theme-primary,
        .theme-gradient-button {
            background: var(--theme-primary-fill) !important;
            border-color: var(--primary-color) !important;
            color: var(--theme-gradient-text) !important;
        }

        .btn-theme:hover,
        .btn-theme-primary:hover,
        .theme-gradient-button:hover {
            background: var(--theme-secondary-fill) !important;
            border-color: var(--secondary-color) !important;
            color: var(--theme-gradient-text) !important;
        }

        .alert-info,
        .alert-success,
        .alert-danger,
        .alert-warning {
            background: var(--theme-surface-background) !important;
            border: 1px solid var(--theme-surface-border) !important;
            color: var(--theme-heading-text) !important;
        }

        .alert-info i,
        .alert-success i,
        .alert-danger i,
        .alert-warning i,
        .text-danger,
        .text-success,
        .text-warning,
        .text-info {
            color: var(--primary-color) !important;
        }

        .form-control.is-invalid,
        .was-validated .form-control:invalid {
            border-color: var(--primary-color) !important;
        }

