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

:root {
  --color-ink: #10182d;
  --color-navy: #101b38;
  --color-navy-soft: #1b294d;
  --color-orange: #f36f32;
  --color-orange-deep: #d95420;
  --color-paper: #f5f1e8;
  --color-paper-deep: #eae3d6;
  --color-white: #fff;
  --color-muted: #687083;
  --font-sans: "Manrope", system-ui, sans-serif;
  --radius-card: 1.25rem;
  --radius-small: 1rem;
  --radius-pill: 999px;
  --shadow-soft: 0 1.25rem 3.5rem rgb(16 27 56 / 10%);
  --duration-fast: 180ms;
  --duration-medium: 420ms;
  --content-max: 90rem;
  --content-reading: 68ch;
  --space-section: clamp(4rem, 7vw, 7rem);
  --header-height: 5.5rem;
}

[lang="ar"] {
  --font-sans: "Cairo", system-ui, sans-serif;
}