:root {
  --color-orange: #D63F22;
  --color-orange-dark: #B8331A;
  --color-blue: #254C5B;
  --color-blue-dark: #15303A;
  --color-blue-light: #3A6B7D;
  --color-white: #FFFFFF;
  --color-paper: #FAF8F5;
  --color-ink: #1B2426;
  --color-ink-soft: #52676D;
  --color-line: #DCD6CC;

  --font-sans: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --font-mono: 'IBM Plex Mono', 'Consolas', monospace;

  --radius: 2px;
  --container: 1200px;
  --gap: clamp(1rem, 3vw, 2.5rem);

  --cut: 18px;
  --shadow-soft: 0 10px 30px -10px rgba(21, 48, 58, 0.25);
  --shadow-card: 0 4px 18px -6px rgba(21, 48, 58, 0.18);

  --ease: cubic-bezier(.4, 0, .2, 1);
  --dir-sign: 1; /* 1 = RTL, -1 = LTR; used to mirror directional motion */
}

[dir="ltr"] { --dir-sign: -1; }