/* ---------- Theme basics ---------- */
:root{
  --indigo-600:#4f46e5;
  --indigo-700:#4338ca;
  --slate-50:#f8fafc;
  --slate-100:#f1f5f9;
  --slate-200:#e2e8f0;
  --slate-600:#475569;
  --slate-700:#334155;
  --slate-800:#1f2937;
  --slate-900:#0f172a;
}

html,body{scroll-behavior:smooth;}
a{text-decoration:none}

/* Buttons (Bootstrap exists, but we unify looks where used without BS) */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.5rem 1rem;border-radius:.5rem;font-weight:600;line-height:1.2;
  border:1px solid transparent;transition:all .15s ease-in-out;
}
.btn-primary{background:var(--indigo-600);color:#fff;border-color:var(--indigo-600)}
.btn-primary:hover{background:var(--indigo-700);border-color:var(--indigo-700)}
.btn-outline-primary{background:#fff;color:var(--indigo-600);border-color:var(--indigo-600)}
.btn-outline-primary:hover{background:#eef2ff}
.btn-dark{background:var(--slate-900);color:#fff;border-color:var(--slate-900)}
.btn-dark:hover{background:#111827}
.btn-light{background:#fff;border-color:var(--slate-200)}

/* Utilities used by the layout when Tailwind isn't applied for some reason */
.rounded-xl{border-radius:1rem}
.bg-slate-50{background:var(--slate-50)}
.text-slate-600{color:var(--slate-600)}
.text-slate-700{color:var(--slate-700)}
.text-slate-800{color:var(--slate-800)}
.border{border:1px solid var(--slate-200)}
.border-b{border-bottom:1px solid var(--slate-200)}
/* Containers */
.container{max-width:1140px}

/* Hero card on visit page */
.hero-card{box-shadow:0 10px 30px rgba(2,6,23,.1)}

/* Simple card */
.card-lite{border:1px solid var(--slate-200);border-radius:1rem;padding:1.25rem}

/* Footer */
footer .text-xs{font-size:.75rem}