@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../pix/fonts/open-sans-latin-variable.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans Arabic';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../pix/fonts/noto-sans-arabic-variable.woff2') format('woff2');
}

:root {
    --mt-brand-solid: #ff3b3b;
    --mt-brand-gradient: linear-gradient(135deg, #ff3b3b 0%, #e11d48 100%);
    --mt-brand-action: #e11d48;
    --mt-brand-action-hover: #be123c;
    --mt-brand-text: #9f1239;
    --mt-brand-black: #101010;
    --mt-brand-charcoal: #252525;
    --mt-brand-gray: #6b7280;
    --mt-brand-silver: #d1d5db;
    --mt-brand-surface: #ffffff;
    --mt-brand-focus: #2563eb;
    --mt-font-en: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --mt-font-ar: 'Noto Sans Arabic', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
}

html:not([dir="rtl"]) body {
    font-family: var(--mt-font-en);
}

html[dir="rtl"] body {
    font-family: var(--mt-font-ar);
}

.local-musinglanding-brand-gradient {
    background: var(--mt-brand-gradient);
}

/* Shared action treatment across Academy-owned pages. */
:where(
    .mt-business__button:not(.mt-business__button--ghost),
    .mt-contact__submit,
    .mt-shop__button:not(.mt-shop__button--ghost),
    .mt-shop .local-musinglanding-frontpage__button:not(.local-musinglanding-frontpage__button--secondary),
    .mt-shop__addselected,
    .mt-cert-btn--primary,
    .mt-verify-btn,
    .local-musing-slider__button,
    .local-musing-btn--primary,
    .local-musing-student-btn--primary
) {
    background: var(--mt-brand-gradient) !important;
    border-color: var(--mt-brand-action) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(225, 29, 72, .18);
}

:where(
    .mt-business__button:not(.mt-business__button--ghost),
    .mt-contact__submit,
    .mt-shop__button:not(.mt-shop__button--ghost),
    .mt-shop .local-musinglanding-frontpage__button:not(.local-musinglanding-frontpage__button--secondary),
    .mt-shop__addselected,
    .mt-cert-btn--primary,
    .mt-verify-btn,
    .local-musing-slider__button,
    .local-musing-btn--primary,
    .local-musing-student-btn--primary
):hover,
:where(
    .mt-business__button:not(.mt-business__button--ghost),
    .mt-contact__submit,
    .mt-shop__button:not(.mt-shop__button--ghost),
    .mt-shop .local-musinglanding-frontpage__button:not(.local-musinglanding-frontpage__button--secondary),
    .mt-shop__addselected,
    .mt-cert-btn--primary,
    .mt-verify-btn,
    .local-musing-slider__button,
    .local-musing-btn--primary,
    .local-musing-student-btn--primary
):focus {
    background: var(--mt-brand-action-hover) !important;
    border-color: var(--mt-brand-action-hover) !important;
}

:where(
    .local-musing-language-switch,
    .local-musing-audience-nav__link,
    .local-musing-guest-nav__link,
    .mt-business__kicker,
    .mt-business__num,
    .mt-contact__num,
    .mt-shop__choice small,
    .mt-shop__choice span,
    .mt-shop__moduleprice,
    .local-musing-kicker,
    .local-musing-coursecard strong,
    .local-musinglanding-studio__eyebrow,
    .local-musinglanding-studio__chip--accent,
    .local-musinglanding-studio__lessonlock.is-preview
) {
    color: var(--mt-brand-text) !important;
}

:where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid var(--mt-brand-focus) !important;
    outline-offset: 3px;
}

@media (forced-colors: active) {
    :root {
        --mt-brand-focus: Highlight;
    }
}