:root {
    --premium-pastel-blue: #3d6688;
    --premium-pastel-blue-hover: #47789a;
    --premium-pastel-blue-active: #315875;
    --premium-pastel-border: #7fd8f6;
    --premium-gold-soft: #edd38f;
    --premium-button-text: #ffffff;
    --tracking-body: 0.015em;
    --tracking-label: 0.025em;
    --tracking-button: 0.025em;
    --tracking-heading: 0.01em;
    --tracking-uppercase: 0.09em;
    --mc-pastel-blue: var(--premium-pastel-blue);
    --mc-pastel-blue-hover: var(--premium-pastel-blue-hover);
    --mc-pastel-blue-active: var(--premium-pastel-blue-active);
    --mc-pastel-blue-disabled: #62798b;
    --mc-pastel-blue-border: var(--premium-pastel-border);
    --mc-pastel-blue-text: var(--premium-button-text);
    --mc-pastel-blue-gold: var(--premium-gold-soft);
}

:where(.premium-main-content, .premium-sidebar, .premium-topbar)
    :where(p, .form-text, .help-text, .auth-help, .invalid-feedback, .premium-feedback__text)
    :not(.plyr *, .dataTable *, .dt-container *, .select2-container *, [class*="fa-"], [class*="icon"]) {
    letter-spacing: var(--tracking-body);
}

:where(.premium-main-content, .premium-sidebar, .premium-topbar)
    :where(label, .form-label, .auth-label, nav a, .premium-sidebar__link, .premium-topbar__link)
    :not(.plyr *, .dataTable *, .dt-container *, .select2-container *) {
    letter-spacing: var(--tracking-label);
}

:where(.premium-main-content, .premium-sidebar, .premium-topbar)
    :where(button, .btn, [role="button"])
    :not(.plyr *, .dataTable *, .dt-container *, .select2-container *, .premium-category-select *, [class*="icon-only"]) {
    letter-spacing: var(--tracking-button);
}

:where(.premium-main-content, .premium-sidebar, .premium-topbar)
    :where(h1, h2, h3, h4, h5, h6)
    :not(.plyr *, .dataTable *, .dt-container *, .select2-container *) {
    letter-spacing: var(--tracking-heading);
}

:where(.premium-main-content, .premium-sidebar, .premium-topbar)
    :where(.badge, [class*="eyebrow"], [class*="kicker"])
    :not(.plyr *, .dataTable *, .dt-container *, .select2-container *) {
    letter-spacing: var(--tracking-uppercase);
}

:where(.registration-form, .login-form, .auth-card)
    :where(input, select, textarea) {
    letter-spacing: 0.005em;
}

:where(
    .plyr,
    .plyr *,
    .dataTable,
    .dataTable *,
    .dt-container,
    .dt-container *,
    .select2-container,
    .select2-container *,
    [class^="fa-"],
    [class*=" fa-"],
    .fa,
    .fas,
    .far,
    .fab
) {
    letter-spacing: normal;
}