@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto.ttf) format('truetype-variations');
    font-weight: 100 1000;
    font-display: swap;
}

@font-face {
    font-family: 'Kurdish';
    src: url('../fonts/Kurdish-Bold.eot');
    src: url('../fonts/Kurdish-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurdish-Bold.woff2') format('woff2'),url('../fonts/Kurdish-Bold.woff') format('woff'),url('../fonts/Kurdish-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Kurdish';
    src: url('../fonts/Kurdish-Regular.eot');
    src: url('../fonts/Kurdish-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurdish-Regular.woff2') format('woff2'),url('../fonts/Kurdish-Regular.woff') format('woff'),url('../fonts/Kurdish-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noto Naskh Arabic';
    src: url('../fonts/NotoNaskhArabic-Variable.ttf') format('truetype-variations');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MATERIAL DESIGN 3 — SYSTEM TOKENS
   Seed color: #1f75cb  |  Generated: 2026-05-20
   Spec: https://m3.material.io/styles/color/the-color-system/tokens
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
    /* ── MD3 Shape tokens ─────────────────────────────────────────────────── */
    --md-sys-shape-corner-none:        0px;
    --md-sys-shape-corner-extra-small: 4px;
    --md-sys-shape-corner-small:       8px;
    --md-sys-shape-corner-medium:      12px;
    --md-sys-shape-corner-large:       16px;
    --md-sys-shape-corner-extra-large: 28px;
    --md-sys-shape-corner-full:        9999px;

    /* ── MD3 Motion tokens ────────────────────────────────────────────────── */
    --md-sys-motion-easing-standard:          cubic-bezier(0.2, 0, 0, 1);
    --md-sys-motion-easing-standard-decel:    cubic-bezier(0, 0, 0, 1);
    --md-sys-motion-easing-standard-accel:    cubic-bezier(0.3, 0, 1, 1);
    --md-sys-motion-easing-emphasized:        cubic-bezier(0.2, 0, 0, 1);
    --md-sys-motion-easing-emphasized-decel:  cubic-bezier(0.05, 0.7, 0.1, 1);
    --md-sys-motion-easing-emphasized-accel:  cubic-bezier(0.3, 0, 0.8, 0.15);
    --md-sys-motion-duration-short1:  50ms;
    --md-sys-motion-duration-short2:  100ms;
    --md-sys-motion-duration-short3:  150ms;
    --md-sys-motion-duration-short4:  200ms;
    --md-sys-motion-duration-medium1: 250ms;
    --md-sys-motion-duration-medium2: 300ms;
    --md-sys-motion-duration-medium3: 350ms;
    --md-sys-motion-duration-medium4: 400ms;
    --md-sys-motion-duration-long1:   450ms;
    --md-sys-motion-duration-long2:   500ms;
    --md-sys-motion-duration-long3:   550ms;
    --md-sys-motion-duration-long4:   600ms;

    /* ── MD3 Typography Scale ─────────────────────────────────────────────── */
    --md-sys-typescale-font:                 'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif;
    --md-sys-typescale-display-large-size:   57px;
    --md-sys-typescale-display-large-line:   64px;
    --md-sys-typescale-display-large-weight: 400;
    --md-sys-typescale-display-large-track:  -0.25px;
    --md-sys-typescale-display-medium-size:  45px;
    --md-sys-typescale-display-medium-line:  52px;
    --md-sys-typescale-display-medium-weight:400;
    --md-sys-typescale-display-medium-track: 0px;
    --md-sys-typescale-display-small-size:   36px;
    --md-sys-typescale-display-small-line:   44px;
    --md-sys-typescale-display-small-weight: 400;
    --md-sys-typescale-display-small-track:  0px;
    --md-sys-typescale-headline-large-size:  32px;
    --md-sys-typescale-headline-large-line:  40px;
    --md-sys-typescale-headline-large-weight:400;
    --md-sys-typescale-headline-large-track: 0px;
    --md-sys-typescale-headline-medium-size: 28px;
    --md-sys-typescale-headline-medium-line: 36px;
    --md-sys-typescale-headline-medium-weight:400;
    --md-sys-typescale-headline-medium-track:0px;
    --md-sys-typescale-headline-small-size:  24px;
    --md-sys-typescale-headline-small-line:  32px;
    --md-sys-typescale-headline-small-weight:400;
    --md-sys-typescale-headline-small-track: 0px;
    --md-sys-typescale-title-large-size:     22px;
    --md-sys-typescale-title-large-line:     28px;
    --md-sys-typescale-title-large-weight:   400;
    --md-sys-typescale-title-large-track:    0px;
    --md-sys-typescale-title-medium-size:    16px;
    --md-sys-typescale-title-medium-line:    24px;
    --md-sys-typescale-title-medium-weight:  500;
    --md-sys-typescale-title-medium-track:   0.15px;
    --md-sys-typescale-title-small-size:     14px;
    --md-sys-typescale-title-small-line:     20px;
    --md-sys-typescale-title-small-weight:   500;
    --md-sys-typescale-title-small-track:    0.1px;
    --md-sys-typescale-body-large-size:      16px;
    --md-sys-typescale-body-large-line:      24px;
    --md-sys-typescale-body-large-weight:    400;
    --md-sys-typescale-body-large-track:     0.5px;
    --md-sys-typescale-body-medium-size:     14px;
    --md-sys-typescale-body-medium-line:     20px;
    --md-sys-typescale-body-medium-weight:   400;
    --md-sys-typescale-body-medium-track:    0.25px;
    --md-sys-typescale-body-small-size:      12px;
    --md-sys-typescale-body-small-line:      16px;
    --md-sys-typescale-body-small-weight:    400;
    --md-sys-typescale-body-small-track:     0.4px;
    --md-sys-typescale-label-large-size:     14px;
    --md-sys-typescale-label-large-line:     20px;
    --md-sys-typescale-label-large-weight:   500;
    --md-sys-typescale-label-large-track:    0.1px;
    --md-sys-typescale-label-medium-size:    12px;
    --md-sys-typescale-label-medium-line:    16px;
    --md-sys-typescale-label-medium-weight:  500;
    --md-sys-typescale-label-medium-track:   0.5px;
    --md-sys-typescale-label-small-size:     11px;
    --md-sys-typescale-label-small-line:     16px;
    --md-sys-typescale-label-small-weight:   500;
    --md-sys-typescale-label-small-track:    0.5px;

    /* ── MudBlazor typography font-family (all roles) ─────────────────────── */
    --mud-typography-default-family:    'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-h1-family:         'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-h2-family:         'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-h3-family:         'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-h4-family:         'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-h5-family:         'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-h6-family:         'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-subtitle1-family:  'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-subtitle2-family:  'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-body1-family:      'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-body2-family:      'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-button-family:     'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-caption-family:    'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-overline-family:   'Roboto', 'Noto Naskh Arabic', system-ui, -apple-system, sans-serif !important;
    --mud-typography-button-text-transform: none !important;

    /* Smooth all interactive transitions at MD3 durations */
    --md3-transition-short:  var(--md-sys-motion-duration-short4)  var(--md-sys-motion-easing-standard);
    --md3-transition-medium: var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);
}


html[dir=ltr] .mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(14px, 11px) scale(1);
}

html[dir=ltr] .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
html[dir=ltr] .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(14px, -6px) scale(0.7);
}

.mud-application-layout-rtl .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
    line-height: 1.35rem;
}

.mud-application-layout-rtl .mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(-14px, 8px) scale(1);
}

.mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(-14px, -9px) scale(0.7) !important;
}

.mud-application-layout-rtl .mud-ltr ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    left: 0;
    right: unset;
    transform: translate(14px, 8px) scale(1);
    transform-origin: top left;
}

.mud-application-layout-rtl .mud-shrink.mud-ltr ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-application-layout-rtl .mud-input.mud-ltr:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform-origin: top left;
    transform: translate(14px, -9px) scale(0.7) !important;
}