/* Suvaiyo – global typography. Save as assets/css/typography.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {
  --font-main: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --fs-xs: 0.8125rem;   /* 13px – small labels, badges */
  --fs-sm: 0.875rem;    /* 14px – nav, captions */
  --fs-base: 1rem;      /* 16px – body text */
  --fs-lg: 1.125rem;    /* 18px – lead text */
  --fs-h4: 1.125rem;
  --fs-h3: 1.25rem;
  --fs-h2: clamp(1.5rem, 3vw, 2rem);
  --fs-h1: clamp(2rem, 4.5vw, 3rem);
}

html { font-size: 16px; -webkit-text-size-adjust: 100%; }

body, button, input, select, textarea {
  font-family: var(--font-main);
}

body {
  font-size: var(--fs-base);
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 1.25;
}
h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }
h4 { font-size: var(--fs-h4); }
h5, h6 { font-size: var(--fs-base); }

p, li { font-size: var(--fs-base); }
small, .small { font-size: var(--fs-xs); }

button, input, select, textarea, .btn { font-size: var(--fs-sm); }
input, select, textarea { font-size: var(--fs-base); } /* 16px avoids iOS zoom on focus */

/* Header */
.suvaiyo-global-nav a { font-size: var(--fs-sm); font-weight: 500; }
.suvaiyo-global-account-trigger,
.suvaiyo-global-cart-button,
.suvaiyo-global-login,
.suvaiyo-global-contact { font-size: var(--fs-sm); font-weight: 600; }
.suvaiyo-global-icon-badge { font-size: 11px; }