:root {
  --color-primary: #0b1d33;
  --color-primary-2: #142b48;
  --color-primary-3: #1f3b5f;
  --color-accent: #d90428;
  --color-accent-dark: #b50321;
  --color-text: #142033;
  --color-text-secondary: #5b6470;
  --color-white: #ffffff;
  --color-surface: #f5f6f8;
  --color-surface-2: #edf0f4;
  --color-border: #e4e8ee;
  --shadow-sm: 0 12px 36px rgba(11, 29, 51, 0.08);
  --shadow-md: 0 26px 70px rgba(11, 29, 51, 0.14);
  --shadow-dark: 0 30px 80px rgba(2, 10, 22, 0.28);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 30px;
  --container: 1240px;
  --header-height: 98px;
  --ease-corporate: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast: 220ms var(--ease-corporate);
  --transition-base: 340ms var(--ease-corporate);
  --font-main: "Noto Sans Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
  --font-brand: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
}