@import "tailwindcss";
@import "leaflet/dist/leaflet.css";

@theme {
  --color-liv-50: #F0F9FF;
  --color-liv-100: #E0F2FE;
  --color-liv-200: #BAE6FD;
  --color-liv-300: #7DD3FC;
  --color-liv-400: #38BDF8;
  --color-liv-500: #0080BF;
  --color-liv-600: #0284C7;
  --color-liv-700: #0369A1;
  --color-liv-800: #075985;
  --color-liv-900: #002869;
  --color-liv-950: #001A47;
  
  --color-navy-800: #0A2540;
  --color-navy-900: #002869;
  --color-navy-950: #001A47;
}

[dir="rtl"] {
  text-align: right;
}

[dir="rtl"] .rtl-flip {
  transform: scaleX(-1);
}