:root {
  /* Brand palette — sourced from the BOFKERS logo (black wordmark, blue accent) */
  --color-ink: #0a0a0a;
  --color-ink-soft: #1c1f26;
  --color-white: #ffffff;
  --color-brand-blue: #1161aa;
  --color-brand-blue-deep: #0b3f70;
  --color-brand-blue-light: #eaf2fa;

  --color-gray-50: #f7f8fa;
  --color-gray-100: #eef1f4;
  --color-gray-200: #e2e6eb;
  --color-gray-400: #9aa3af;
  --color-gray-600: #5b6472;
  --color-gray-800: #2b2f36;

  --color-bg: var(--color-white);
  --color-text: var(--color-ink);
  --color-text-muted: var(--color-gray-600);
  --color-accent: var(--color-brand-blue);
  --color-accent-deep: var(--color-brand-blue-deep);

  --font-display: "Space Grotesk", "Inter", "Noto Sans Arabic", "Noto Sans", sans-serif;
  --font-body: "Inter", "Noto Sans Arabic", "Noto Sans", sans-serif;

  --container-max: 1240px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;

  --shadow-card: 0 10px 30px -12px rgba(10, 10, 10, 0.18);
  --shadow-card-hover: 0 20px 45px -14px rgba(17, 97, 170, 0.35);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}