/* ============================================================
   Shopper Marketing Media. Typography Tokens
   Primary typeface: Poppins (headings AND body). Secondary: none.
   Self-hosted from fonts/, approved ladder: 400 / 500 / 600 / 700.
   ============================================================ */

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Font families --- */
  --font-title: "Poppins", "Segoe UI", sans-serif;
  --font-body:  "Poppins", "Segoe UI", sans-serif;
  --font-mono:  "Consolas", "SFMono-Regular", "Menlo", monospace;

  /* Semantic aliases */
  --font-display: var(--font-title);
  --font-heading: var(--font-title);
  --font-text:    var(--font-body);

  /* --- Type scale (px-based, deck + product friendly) --- */
  --fs-display:   64px;  /* hero slide titles            */
  --fs-h1:        44px;
  --fs-h2:        32px;
  --fs-h3:        24px;
  --fs-h4:        20px;
  --fs-lg:        18px;
  --fs-body:      16px;
  --fs-sm:        14px;
  --fs-xs:        12px;
  --fs-stat:      72px;  /* big numeric callouts          */

  /* --- Weights --- */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */

  /* --- Line heights --- */
  --lh-tight:   1.05; /* @kind other */
  --lh-snug:    1.2;  /* @kind other */
  --lh-normal:  1.45; /* @kind other */
  --lh-relaxed: 1.6;  /* @kind other */

  /* --- Letter spacing --- */
  --ls-tight:    -0.02em; /* @kind other */
  --ls-normal:   0;       /* @kind other */
  --ls-wide:     0.04em;  /* @kind other */
  --ls-eyebrow:  0.14em; /* @kind other */ /* uppercase eyebrows / labels */
}