@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("../assets/fonts/IBMPlexSans-Regular.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 500; font-style: normal; font-display: swap; src: url("../assets/fonts/IBMPlexSans-Medium.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("../assets/fonts/IBMPlexSans-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("../assets/fonts/IBMPlexMono-Regular.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-style: normal; font-display: swap; src: url("../assets/fonts/IBMPlexMono-Medium.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; src: url("../assets/fonts/IBMPlexSansArabic-Regular.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; src: url("../assets/fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype"); }

:root {
  --orange: #EC7A2C;
  --orange-hover: #F0893F;
  --orange-text: #B05113;
  --graphite: #2B3238;
  --graphite-950: #14191D;
  --graphite-900: #1D2329;
  --graphite-800: #2B3238;
  --graphite-700: #3B434A;
  --graphite-600: #535C64;
  --graphite-500: #6E777F;
  --graphite-400: #959DA4;
  --graphite-300: #BCC2C7;
  --graphite-200: #D9DDE1;
  --graphite-100: #E9ECEF;
  --survey: #F3F5F7;
  --blue: #2F6FB3;
  --blue-light: #7DB1E6;
  --success: #5CC593;
  --warning: #F2C04A;

  --font-sans: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", "IBM Plex Sans Arabic", ui-monospace, "SFMono-Regular", Consolas, monospace;

  --radius: 4px;
  --cut: 14px;
  --container: 80rem;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --header-h: 4.25rem;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.6s;
}

@media (min-width: 1920px) { html { font-size: 112.5%; } }
@media (min-width: 2560px) { html { font-size: 125%; } :root { --container: 90rem; } }
@media (min-width: 3200px) { html { font-size: 150%; } }

[lang="ar"] { --font-sans: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif; }