/**
 * BusinessFes — shared brand tokens (Fès teal / navy / amber).
 * Used by home, hub, cards, search, join — not premium client templates.
 */

:root {
  --bf-navy: #0a3d50;
  --bf-navy-deep: #082f3d;
  --bf-teal: #0e7480;
  --bf-teal-mid: #0f8c7e;
  --bf-teal-soft: #e8f4f2;
  --bf-amber: #d68c30;
  --bf-amber-soft: #ffe9c8;
  --bf-ink: #0f2c3c;
  --bf-muted: #506870;
  --bf-line: rgba(10, 61, 80, 0.1);
  --bf-wa: #0f8c7e;
  --bf-surface: #f7fbfb;
  --bf-white: #ffffff;
  --bf-radius: 14px;
  --bf-radius-lg: 18px;
  --bf-hero-grad: linear-gradient(160deg, #082f3d 0%, #0a3d50 42%, #0e7480 100%);
  --bf-cta-grad: linear-gradient(135deg, #d68c30 0%, #c47a22 100%);
  --bf-search-grad: linear-gradient(135deg, #0e7480 0%, #0a3d50 100%);
  --bf-shadow: 0 4px 20px rgba(10, 61, 80, 0.08);
  --bf-shadow-hover: 0 12px 32px rgba(10, 61, 80, 0.14);
}