@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");

:root {
  --ink: #101317;
  --ink-soft: #171b20;
  --paper: #ffffff;
  --canvas: #f2f3f4;
  --line: #d9dcdf;
  --muted: #626a73;
  --accent: #0b63f6;
  --accent-dark: #0649ba;
  --success: #0e9f6e;
  --font-display: "Alexandria", Arial, sans-serif;
  --font-body: "IBM Plex Sans Arabic", Arial, sans-serif;
  --shell: 1240px;
  --gutter: clamp(20px, 4vw, 48px);
  --section-space: clamp(56px, 7vw, 88px);
  --radius: 8px;
  --shadow-lg: 0 30px 80px rgba(8, 13, 22, 0.16);
  --ease: cubic-bezier(.2, .8, .2, 1);
}