/**
 * Brand tokens mirrored from Alyaat templates/layouts/base.html.
 * Only CSS variables and button states — no layout overrides.
 */
body {
  font-family: "Noto Sans Arabic", sans-serif;
}

:root {
  --bs-primary: #f26522;
  --bs-primary-rgb: 242, 101, 34;
  --bs-link-color: #d4551a;
  --bs-link-hover-color: #b34716;
  --bs-dark: #0d1c48;
  --bs-dark-rgb: 13, 28, 72;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-bg: #f26522;
  --bs-btn-border-color: #f26522;
  --bs-btn-hover-bg: #d4551a;
  --bs-btn-hover-border-color: #d4551a;
}

.btn-outline-primary {
  --bs-btn-color: #d4551a;
  --bs-btn-border-color: #f26522;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f26522;
  --bs-btn-hover-border-color: #f26522;
}