/* kafeLayehe design tokens. Palette from the logo; text colours are chosen for WCAG AA contrast. */
:root {
  --kl-navy: #1b2545;
  --kl-navy-700: #26325c;
  --kl-navy-900: #121a33;
  --kl-caramel: #c0702f;
  --kl-caramel-text: #8f4e17;   /* AA on cream/white (5.6:1) */
  --kl-amber: #e8ac55;
  --kl-amber-600: #d99a3d;
  --kl-cream: #f7efe2;
  --kl-cream-50: #fcf8f1;
  --kl-teal: #3f8f8a;
  --kl-teal-text: #2c6965;      /* AA on cream/white */
  --kl-ink: #1c2237;
  --kl-muted: #566078;          /* AA on cream/white (6:1) */
  --kl-line: #e6dcc9;
  --kl-white: #ffffff;
  --kl-danger: #b3261e;
  --kl-success: #1f7a4d;

  --kl-space-1: .25rem; --kl-space-2: .5rem; --kl-space-3: .75rem; --kl-space-4: 1rem;
  --kl-space-5: 1.5rem; --kl-space-6: 2rem; --kl-space-7: 3rem; --kl-space-8: 4.5rem; --kl-space-9: 6rem;

  --kl-radius-sm: .5rem; --kl-radius: .9rem; --kl-radius-lg: 1.5rem; --kl-radius-pill: 999px;

  --kl-shadow-sm: 0 1px 2px rgba(27, 37, 69, .08), 0 1px 3px rgba(27, 37, 69, .06);
  --kl-shadow: 0 6px 18px rgba(27, 37, 69, .10), 0 2px 6px rgba(27, 37, 69, .06);
  --kl-shadow-lg: 0 18px 44px rgba(27, 37, 69, .16), 0 6px 14px rgba(27, 37, 69, .08);
  --kl-focus: 0 0 0 .22rem rgba(232, 172, 85, .65);

  --kl-header-h: 4.25rem;
  --kl-ease: cubic-bezier(.22, .8, .24, 1);
  --kl-font: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;

  /* Bootstrap overrides */
  --bs-body-font-family: var(--kl-font);
  --bs-body-color: var(--kl-ink);
  --bs-body-bg: var(--kl-cream-50);
  --bs-primary: var(--kl-navy);
  --bs-primary-rgb: 27, 37, 69;
  --bs-link-color: var(--kl-caramel-text);
  --bs-link-hover-color: var(--kl-navy);
  --bs-border-color: var(--kl-line);
  --bs-border-radius: var(--kl-radius-sm);
}