/* Alphainno customer site theme — clean, soft, indigo brand.
   Scoped to body.ax so the admin panel is untouched. Loaded after the Tailwind bundle. */

body.ax,
body.ax button,
body.ax input,
body.ax select,
body.ax textarea {
    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Bengali", "Helvetica Neue", Arial, sans-serif !important;
}
body.ax { color: #1f2233; background: #fff; -webkit-font-smoothing: antialiased; }

/* ── Typography ── */
body.ax .text-gray-900 { color: #1f2233; }
body.ax .text-gray-800 { color: #2a2e44; }
body.ax .text-gray-700 { color: #3d4259; }
body.ax .text-gray-600 { color: #565b73; }
body.ax .text-gray-500 { color: #6b7088; }
body.ax .text-gray-400 { color: #858aa1; }
body.ax .text-indigo-600, body.ax .text-indigo-700, body.ax .text-blue-600, body.ax .text-blue-700 { color: #4338ca; }

/* ── Radius: soft and generous ── */
body.ax .rounded-3xl { border-radius: 24px; }
body.ax .rounded-2xl { border-radius: 18px; }
body.ax .rounded-xl { border-radius: 14px; }
body.ax .rounded-lg { border-radius: 10px; }
body.ax .rounded-md { border-radius: 8px; }
body.ax a.rounded-full:not(.hero-dot),
body.ax button.rounded-full:not(.hero-dot) { border-radius: 12px; }
body.ax input.rounded-xl, body.ax select.rounded-xl, body.ax textarea.rounded-xl,
body.ax input.rounded-lg, body.ax select.rounded-lg, body.ax textarea.rounded-lg { border-radius: 10px; }

/* ── Buttons ── */
body.ax a.bg-gray-900, body.ax button.bg-gray-900,
body.ax a.bg-indigo-600, body.ax button.bg-indigo-600,
body.ax a.bg-blue-600, body.ax button.bg-blue-600,
body.ax a.bg-slate-900, body.ax button.bg-slate-900 { background-color: #4f46e5; color: #fff; box-shadow: 0 1px 2px rgba(79,70,229,.25); }
body.ax a.bg-gray-900:hover, body.ax button.bg-gray-900:hover,
body.ax a.hover\:bg-gray-800:hover, body.ax button.hover\:bg-gray-800:hover,
body.ax a.bg-indigo-600:hover, body.ax button.bg-indigo-600:hover,
body.ax a.hover\:bg-indigo-700:hover, body.ax button.hover\:bg-indigo-700:hover,
body.ax a.hover\:bg-blue-700:hover, body.ax button.hover\:bg-blue-700:hover,
body.ax a.hover\:bg-slate-800:hover, body.ax button.hover\:bg-slate-800:hover { background-color: #4338ca; }
body.ax a.bg-gray-100, body.ax button.bg-gray-100 { background-color: #fff; border: 1px solid #d9dcef; color: #1f2233; }
body.ax a.bg-gray-100:hover, body.ax button.bg-gray-100:hover { background-color: #f4f5fc; }
body.ax a.border-gray-200.text-gray-700, body.ax a.border-gray-200.text-gray-800,
body.ax button.border-gray-200.text-gray-700 { border-color: #d3d7ee; color: #1f2233; }
body.ax a.border-gray-200.text-gray-700:hover, body.ax a.border-gray-200.text-gray-800:hover { background-color: #f4f5fc; border-color: #b9bee6; }

/* ── Surfaces ── */
body.ax .border-gray-100 { border-color: #eceefa; }
body.ax .border-gray-200, body.ax .border-gray-200\/80, body.ax .border-gray-200\/90 { border-color: #e4e6f4; }
body.ax .border-gray-900 { border-color: #4f46e5; }
body.ax .ring-gray-900\/10 { --tw-ring-color: rgba(79, 70, 229, .16); }
body.ax .bg-gray-50, body.ax .bg-\[\#fafafa\], body.ax .bg-\[\#f5f5f7\] { background-color: #f6f7fc; }
body.ax .bg-indigo-50, body.ax .bg-blue-50 { background-color: #eef0ff; }
body.ax .shadow-sm { box-shadow: 0 1px 2px rgba(31,34,51,.05), 0 4px 12px rgba(31,34,51,.05); }
body.ax .shadow-md, body.ax .shadow-lg, body.ax .shadow-xl { box-shadow: 0 2px 6px rgba(31,34,51,.06), 0 12px 28px rgba(31,34,51,.08); }
body.ax .hover\:shadow-sm:hover { box-shadow: 0 2px 6px rgba(31,34,51,.06), 0 12px 28px rgba(31,34,51,.08); }

/* ── Forms ── */
body.ax input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.ax select, body.ax textarea { border-color: #cfd3ea; }
body.ax input:not([type="checkbox"]):not([type="radio"]):focus, body.ax select:focus, body.ax textarea:focus {
    border-color: #6366f1 !important; box-shadow: 0 0 0 3px rgba(99, 102, 241, .18) !important; outline: none;
}
body.ax input[type="checkbox"], body.ax input[type="radio"] { accent-color: #4f46e5; }
body.ax :focus-visible { outline: 2px solid #6366f1; outline-offset: 2px; }

/* ── Badges & toggle ── */
body.ax span.bg-gray-900 { background-color: #4f46e5; border-radius: 999px; }
body.ax .inline-flex.rounded-full.p-1 { border-radius: 14px; }
body.ax .inline-flex.rounded-full.p-1 > button { border-radius: 10px; }

/* ── Header ── */
body.ax nav.fixed { border-bottom: 1px solid #eceefa; }
body.ax nav a.text-gray-600:hover, body.ax nav a.hover\:text-gray-900:hover { color: #4338ca; }
body.ax footer a:hover { color: #4338ca; }