@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');

:root {
  --primary: #1e3a8a;
  --on-primary: #ffffff;
  --surface: #f8f9fb;
  --surface-container-low: #f3f4f6;
  --on-surface: #191c1e;
  --on-surface-variant: #444651;
  --outline-variant: #c5c5d3;
}

html, body {
  font-family: 'Inter', system-ui, sans-serif;
  background-color: var(--surface);
  color: var(--on-surface);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.taka::before { content: '৳'; font-weight: inherit; }