/* Replacement stylesheet for the small set of Tailwind utilities used by the Navigators templates.
   This file maps the utility-like class names used in the templates to static CSS rules.
   It intentionally contains only the utilities the theme uses, keeping things deterministic
   and avoiding the runtime Tailwind CDN/JIT requirement. */

/* --- Colors (brand & utility hex mappings) --- */
.bg-\[\#EDF6EE\] { background-color: #EDF6EE; }
.bg-\[\#1A6B59\] { background-color: #1A6B59; }
.bg-\[\#1A202C\] { background-color: #1A202C; }
.bg-\[\#9D7717\] { background-color: #9D7717; }
.bg-\[\#2D3748\] { background-color: #2D3748; }
.bg-\[\#CBD2E0\] { background-color: #CBD2E0; }
.bg-\[\#EDF0F7\] { background-color: #EDF0F7; }
.bg-white { background-color: #ffffff; }

.text-\[\#A0ABC0\] { color: #A0ABC0; }
.text-\[\#1A202C\] { color: #1A202C; }
.text-\[\#9D7717\] { color: #9D7717; }
.text-\[\#4A5468\] { color: #4A5468; }
.text-\[\#1A6B59\] { color: #1A6B59; }
.text-white { color: #ffffff; }

.border-\[\#1A6B59\] { border-color: #1A6B59; }
.bg-\[linear-gradient\(rgba\(0,0,0,0.75\),rgba\(0,0,0,0.75\)\)\] { background: linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)); }

/* --- Fonts --- */
.font-\[\'montserrat\'\] , .font-montserrat { font-family: 'Montserrat', sans-serif; }
.font-\[\'Lora\'\] , .font-lora { font-family: 'Lora', serif; }
.font-lora, .font-montserrat { /* ensure fallback */ }

/* --- Text sizes / leading / tracking --- */
.text-\[16px\] { font-size: 16px; }
.text-\[14px\] { font-size: 14px; }
.text-\[18px\] { font-size: 18px; }
.text-\[20px\] { font-size: 20px; }
.text-\[24px\] { font-size: 24px; }
.text-\[32px\] { font-size: 32px; }
.text-\[64px\] { font-size: 64px; }
.leading-\[24px\] { line-height: 24px; }
.leading-\[30px\] { line-height: 30px; }
.leading-\[52px\] { line-height: 52px; }
.leading-\[80px\] { line-height: 80px; }

/* --- Spacing (only values used in templates) --- */
.py-\[80px\] { padding-top:80px; padding-bottom:80px; }
.py-\[161px\] { padding-top:161px; padding-bottom:161px; }
.py-\[60px\] { padding-top:60px; padding-bottom:60px; }
.pt-\[40px\] { padding-top:40px; }
.pb-\[80px\] { padding-bottom:80px; }
.px-\[54px\] { padding-left:54px; padding-right:54px; }
.p-\[32px\] { padding:32px; }
.p-\[20px\] { padding:20px; }
.p-\[1px\] { padding:1px; }
.p-\[4px\] { padding:4px; }
.px-8 { padding-left:8px; padding-right:8px; }
.py-3 { padding-top:12px; padding-bottom:12px; }
.py-4 { padding-top:16px; padding-bottom:16px; }
.py-2 { padding-top:8px; padding-bottom:8px; }
.p-20 { padding:20px; }

/* --- Widths / Heights / Gaps --- */
.w-\[972px\] { width:972px; }
.w-\[450px\] { width:450px; }
.w-\[1280px\] { width:1280px; }
.w-full { width:100%; }
.h-\[56px\] { height:56px; }
.h-\[320px\] { height:320px; }
.gap-\[195px\] { gap:195px; }
.gap-\[64px\] { gap:64px; }
.gap-\[40px\] { gap:40px; }
.gap-\[16px\] { gap:16px; }
.gap-\[12px\] { gap:12px; }
.gap-14 { gap:14px; }
.gap-10 { gap:10px; }
.gap-3 { gap:12px; }

/* --- Border / radius / shadow --- */
.rounded-\[12px\] { border-radius:12px; }
.rounded-\[24px\] { border-radius:24px; }
.rounded-2xl { border-radius:16px; }
.shadow-custom { box-shadow: -4px 4px 8px rgba(0,0,0,0.25); }
.border { border: 1px solid #e5e7eb; }

/* --- Additional utilities used by blog templates --- */
.px-\[154px\] { padding-left:154px; padding-right:154px; }
.gap-\[80px\] { gap:80px; }
.gap-\[24px\] { gap:24px; }
.w-\[466px\] { width:466px; }
.h-\[390px\] { height:390px; }
.h-\[139px\] { height:139px; }
.w-\[297.33px\] { width:297.33px; }
.leading-\[36px\] { line-height: 36px; }
.leading-\[40px\] { line-height: 40px; }
.leading-\[52px\] { line-height: 52px; }
.text-\[24px\] { font-size:24px; }
.text-\[32px\] { font-size:32px; }


/* --- Utility helpers --- */
.flex { display:flex; }
.flex-1 { flex:1; }
.flex-col { flex-direction:column; }
.items-center { align-items:center; }
.justify-center { justify-content:center; }
.mx-auto { margin-left:auto; margin-right:auto; }
.text-center { text-align:center; }
.hidden { display:none; }
.inline-block { display:inline-block; }
.w-20 { width:80px; }
.h-20 { height:80px; }
.transition { transition: all .2s ease-in-out; }
.hover\:bg-\[\#7a5e11\]:hover { background-color:#7a5e11; }
.hover\:text-\[\#0d4a3f\]:hover { color:#0d4a3f; }

/* Generic fallback for bracketed font token selectors (some templates use odd tokens) */
[class*="font-['montserrat']"] { font-family: 'Montserrat', sans-serif; }
[class*="font-['Lora']"] { font-family: 'Lora', serif; }

/* Ensure body font fallback */
body { font-family: 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; }

/* Small responsive helpers used by the theme (desktop-first simple) */
@media (max-width: 768px) {
    .md\:grid-cols-4 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .md\:flex-row { flex-direction: column; }
}