:root {
  --navy: #07182A;
  --navy-deep: #071E32;
  --navy-mid: #0B1F33;
  --navy-card: #0F243A;
  --teal: #0E9F8E;
  --green: #5FBE46;
  --green-alt: #5FA85D;
  --cyan: #1FB6D6;
  --orange: #FFA24D;
  --white: #ffffff;
  --text: #ffffff;
  --muted: rgba(255, 255, 255, 0.45);
  --muted-2: rgba(255, 255, 255, 0.35);
  --muted-3: rgba(255, 255, 255, 0.25);
  --line: rgba(255, 255, 255, 0.06);
  --line-strong: rgba(255, 255, 255, 0.1);
  --font: "IBM Plex Sans Arabic", "IBM Plex Sans", Tahoma, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --container: 1280px;
  --container-wide: 1440px;
  --radius-sm: 12px;
  --radius: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --shadow-teal: 0 4px 30px rgba(14, 159, 142, 0.35);
  --shadow-green: 0 4px 30px rgba(95, 190, 70, 0.35);
  --shadow-cyan: 0 4px 30px rgba(31, 182, 214, 0.35);
  --header-h: 72px;
}

html[dir="ltr"] {
  --font: "IBM Plex Sans", "IBM Plex Sans Arabic", Tahoma, sans-serif;
}