/* Approved Phase76.4 tokens. Group descriptions are expanded below; no legacy token override. */
.mw76-root {
    --mw76-color-primary: #FF0080;
    --mw76-color-action: #C90065;
    --mw76-color-secondary: #282B8B;
    --mw76-color-accent: #FFA621;
    --mw76-surface: #FFFFFF;
    --mw76-surface-muted: #F9F9F9;
    --mw76-surface-tint: #FFF2F8;
    --mw76-text: #151519;
    --mw76-text-muted: #656B76;
    --mw76-border: #737B88;
    --mw76-success: #166534;
    --mw76-warning: #854D0E;
    --mw76-error: #B91C1C;
    --mw76-info: #1E40AF;
    --mw76-link: #282B8B;
    --mw76-focus: #282B8B;
    --mw76-radius-card: 0.625rem;
    --mw76-radius-control: 0.3125rem;
    --mw76-shadow-card: 0 0.25rem 1.5rem rgb(21 21 25 / 8%);
    --mw76-space-scale: "0, 0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4, 5rem";
    --mw76-content-width: "public 82.5rem; operational 96rem; auth 30rem; reading 48rem";
    --mw76-heading-scale: "hero clamp(2rem,4vw,3.125rem); h1 2rem; h2 1.5rem; h3 1.25rem";
    --mw76-body-scale: "1rem / 1.5";
    --mw76-label-scale: "0.875rem / 1.5; caption minimum0.8125rem";
    --mw76-weights: "400, 500, 600, 700";
    --mw76-breakpoints: "576,768,992,1200,1400px";
    --mw76-z-index: "dropdown1000 sticky1020 fixed1030 offcanvas-backdrop1040 offcanvas1045 modal-backdrop1050 modal1055 popover1070 tooltip1080";
    --mw76-motion-duration: "80ms feedback;160ms optional transition;0ms reduced-motion";
    --mw76-motion-easing: ease-out;
    --mw76-direction: "logical inline/block; direction inherited from html";
    --mw76-font-ui: Manrope, "Segoe UI", Arial, sans-serif;
    --mw76-font-arabic: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
    --mw76-font-display: var(--mw76-font-ui);
    --mw76-line-height-arabic: 1.75;
    --mw76-focus-width: 2px;
    --mw76-focus-offset: 2px;
    --mw76-content-public: 82.5rem;
    --mw76-content-operational: 96rem;
    --mw76-content-auth: 30rem;
    --mw76-content-reading: 48rem;
    --mw76-space-0: 0;
    --mw76-space-1: 0.25rem;
    --mw76-space-2: 0.5rem;
    --mw76-space-3: 0.75rem;
    --mw76-space-4: 1rem;
    --mw76-space-6: 1.5rem;
    --mw76-space-8: 2rem;
    --mw76-space-12: 3rem;
    --mw76-space-16: 4rem;
    --mw76-space-20: 5rem;
    --mw76-heading-hero: clamp(2rem, 4vw, 3.125rem);
    --mw76-heading-1: 2rem;
    --mw76-heading-2: 1.5rem;
    --mw76-heading-3: 1.25rem;
    --mw76-font-body: 1rem;
    --mw76-line-height: 1.5;
    --mw76-font-label: 0.875rem;
    --mw76-font-caption: 0.8125rem;
    --mw76-weight-regular: 400;
    --mw76-weight-medium: 500;
    --mw76-weight-semibold: 600;
    --mw76-weight-bold: 700;
    --mw76-breakpoint-sm: 576px;
    --mw76-breakpoint-md: 768px;
    --mw76-breakpoint-lg: 992px;
    --mw76-breakpoint-xl: 1200px;
    --mw76-breakpoint-xxl: 1400px;
    --mw76-z-dropdown: 1000;
    --mw76-z-sticky: 1020;
    --mw76-z-fixed: 1030;
    --mw76-z-offcanvas-backdrop: 1040;
    --mw76-z-offcanvas: 1045;
    --mw76-z-modal-backdrop: 1050;
    --mw76-z-modal: 1055;
    --mw76-z-popover: 1070;
    --mw76-z-tooltip: 1080;
    --mw76-motion-feedback: 80ms;
    --mw76-motion-transition: 160ms;
}
[lang="ar"] .mw76-root {
    --mw76-font-display: var(--mw76-font-arabic);
}
@media (prefers-reduced-motion: reduce) {
    .mw76-root {
        --mw76-motion-feedback: 0ms;
        --mw76-motion-transition: 0ms;
    }
}