@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");

@font-face {
    font-family: "Geist Sans";
    src: url("/assets/fonts/geist/Geist-Variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Thmanyah Sans";
    src: url("https://framerusercontent.com/assets/2MgF2LENj0ar3gdEjyf3HoLd6iw.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+10EC0-10EFF, U+1EE00-1EEFF;
}

@font-face {
    font-family: "Thmanyah Sans";
    src: url("https://framerusercontent.com/assets/Ej0k3h4Mi5O7TSo2w2JaDCPRgvo.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+10EC0-10EFF, U+1EE00-1EEFF;
}

@font-face {
    font-family: "Thmanyah Sans";
    src: url("https://framerusercontent.com/assets/3XGelYpTgxSxBXN4Oieg9Dt3bc.woff2") format("woff2");
    font-style: normal;
    font-weight: 500 600;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+10EC0-10EFF, U+1EE00-1EEFF;
}

@font-face {
    font-family: "Thmanyah Sans";
    src: url("https://framerusercontent.com/assets/JUv6rms2ye2kYL3UI3O9YyExQcQ.woff2") format("woff2");
    font-style: normal;
    font-weight: 700 800;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+10EC0-10EFF, U+1EE00-1EEFF;
}

@font-face {
    font-family: "Thmanyah Sans";
    src: url("https://framerusercontent.com/assets/ulQLGTktcl2Qq4AmD6RuVgELZKg.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+10EC0-10EFF, U+1EE00-1EEFF;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("https://framerusercontent.com/assets/zmxf3YlIwMxBTz61cviQtq5n3zU.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+10EC0-10EFF, U+1EE00-1EEFF;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("https://framerusercontent.com/assets/s1q2LvVNWBbqzMxMBxsexY73tE.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+10EC0-10EFF, U+1EE00-1EEFF;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("https://framerusercontent.com/assets/ahIxG21c1088n0jA0bPQBjKu6M.woff2") format("woff2");
    font-style: normal;
    font-weight: 500 600;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+10EC0-10EFF, U+1EE00-1EEFF;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("https://framerusercontent.com/assets/AAY5hsAWwWmVC7qlScZUGjzCgE8.woff2") format("woff2");
    font-style: normal;
    font-weight: 700 800;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+10EC0-10EFF, U+1EE00-1EEFF;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("https://framerusercontent.com/assets/a9r2dKNoQcqFiTkwxTUnXgAfjws.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+10EC0-10EFF, U+1EE00-1EEFF;
}

:root {
    --sh-font-english-ui: "Geist Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --sh-font-english-display: "Space Grotesk", "Geist Sans", system-ui, sans-serif;
    --sh-font-arabic-ui: "Thmanyah Sans", "Geist Sans", system-ui, "Tahoma", "Arial", sans-serif;
    --sh-font-arabic-display: "Thmanyah Serif Display", "Geist Sans", system-ui, "Tahoma", sans-serif;
    --sh-font-ui: var(--sh-font-english-ui);
    --sh-font-display: var(--sh-font-english-display);
    --sh-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
    --font: var(--sh-font-ui);
    --f-sans: var(--sh-font-ui);
    --f-mono: var(--sh-font-mono);
    --font-family-sans-serif: var(--sh-font-ui);
    --font-family-monospace: var(--sh-font-mono);
    --bs-font-sans-serif: var(--sh-font-ui);
    --bs-font-monospace: var(--sh-font-mono);
    --bs-body-font-family: var(--sh-font-ui);
    --sh-leading-arabic-body: 1.72;
    --sh-leading-arabic-display: 1.18;
}

html:not([lang="ar"]) {
    --sh-font-ui: var(--sh-font-english-ui);
    --sh-font-display: var(--sh-font-english-display);
}

html:not([lang="ar"]) body {
    font-family: var(--sh-font-english-ui) !important;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    text-rendering: optimizeLegibility;
}

html:not([lang="ar"]) body :where(h1, h2, h3, h4, h5, h6, p, a, li, td, th, dt, dd, label, button, input, select, textarea, strong, b, em, small, blockquote, figcaption) {
    font-family: var(--sh-font-english-ui) !important;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

html:not([lang="ar"]) body :where(.sh-display, .sh-h1, .sh-form-h2, .page-title, .title-login-adminx, .invoice-title h1, .subject-line) {
    font-family: var(--sh-font-english-display) !important;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
    letter-spacing: -0.025em;
    line-height: 1.12;
    text-wrap: balance;
}

html:not([lang="ar"]) :where(.mono, .mono-inline, .font-monospace, code, pre, kbd, samp) {
    font-family: var(--sh-font-mono) !important;
    font-feature-settings: normal;
}

html[lang="ar"] {
    --sh-font-ui: var(--sh-font-arabic-ui);
    --sh-font-display: var(--sh-font-arabic-display);
}

html[lang="ar"] body,
html[lang="ar"] body.adminx-rtl-view .adminx-wrapper {
    font-family: var(--sh-font-arabic-ui) !important;
    font-kerning: normal;
    font-synthesis: none;
    font-variant-ligatures: common-ligatures contextual;
    line-height: var(--sh-leading-arabic-body);
    text-rendering: optimizeLegibility;
}

html[lang="ar"] body :where(h1, h2, h3, h4, h5, h6, p, a, li, td, th, dt, dd, label, button, input, select, textarea, strong, b, em, small, blockquote, figcaption) {
    font-family: var(--sh-font-arabic-ui) !important;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
    letter-spacing: 0 !important;
}

html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea {
    font-family: var(--sh-font-arabic-ui) !important;
}

html[lang="ar"] .sh-display,
html[lang="ar"] .sh-h1,
html[lang="ar"] .sh-form-h2,
html[lang="ar"] .page-title,
html[lang="ar"] .title-login-adminx,
html[lang="ar"] .invoice-title h1,
html[lang="ar"] .subject-line {
    font-family: var(--sh-font-arabic-display) !important;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "salt" 1;
    font-synthesis: none;
    letter-spacing: 0 !important;
    line-height: var(--sh-leading-arabic-display);
    text-wrap: balance;
}

html[lang="ar"] p {
    text-wrap: pretty;
}

html[lang="ar"] .mono,
html[lang="ar"] .mono-inline,
html[lang="ar"] .font-monospace,
html[lang="ar"] code,
html[lang="ar"] pre,
html[lang="ar"] kbd,
html[lang="ar"] samp {
    font-family: var(--sh-font-mono) !important;
    font-feature-settings: normal;
}