/* Shared design tokens for typography across every page. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Bengali:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');

:root {
  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Inter', sans-serif;
  --font-icon: 'Material Symbols Outlined';

  --fs-body: clamp(1rem, 0.98rem + 0.15vw, 1.0625rem);
  --fs-body-lg: clamp(1.125rem, 1.06rem + 0.25vw, 1.25rem);
  --fs-body-sm: clamp(0.875rem, 0.84rem + 0.1vw, 0.9375rem);
  --fs-small: 0.8125rem;
  --fs-caption: 0.75rem;
  --fs-label: clamp(0.8125rem, 0.79rem + 0.08vw, 0.875rem);
  --fs-button: var(--fs-label);
  --fs-nav: var(--fs-label);

  --fs-h1: clamp(2.25rem, 1.75rem + 2.2vw, 3.5rem);
  --fs-h2: clamp(1.875rem, 1.55rem + 1.3vw, 2.75rem);
  --fs-h3: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
  --fs-h4: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
  --fs-h5: clamp(1.125rem, 1.06rem + 0.25vw, 1.25rem);
  --fs-h6: 1rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-heavy: 800;

  --lh-body: 1.6;
  --lh-body-sm: 1.5;
  --lh-heading: 1.2;
  --lh-heading-tight: 1.1;
  --lh-label: 1.3;
  --lh-caption: 1.4;

  --ls-normal: 0;
  --ls-heading: -0.01em;
  --ls-label: 0.01em;
  --ls-caps: 0.06em;
}