/* SinParty — Typography tokens
   Poppins carries brand voice (bold, frequently UPPERCASE for hero/CTA).
   Roboto handles body & data. Both loaded via fonts.css. */

:root {
  --font-display: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif; /* @kind font */
  --font-body: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; /* @kind font */
  --font-ui: "Poppins", "Roboto", "Helvetica Neue", Arial, sans-serif; /* @kind font */

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

  /* Type scale (px values transcribed from the file's recurring sizes) */
  --fs-hero: 44px;      /* @kind font */
  --fs-h1: 32px;        /* @kind font */
  --fs-h2: 25px;        /* @kind font */
  --fs-h3: 22px;        /* @kind font */
  --fs-h4: 18px;        /* @kind font */
  --fs-lg: 16px;        /* @kind font */
  --fs-body: 14px;      /* @kind font */
  --fs-sm: 13px;        /* @kind font */
  --fs-xs: 12px;        /* @kind font */
  --fs-2xs: 11px;       /* @kind font */
  --fs-3xs: 9px;        /* @kind font */

  /* Line heights */
  --lh-tight: 1.1;      /* @kind font */
  --lh-snug: 1.3;       /* @kind font */
  --lh-normal: 1.45;    /* @kind font */
  --lh-relaxed: 1.6;    /* @kind font */

  /* Letter spacing */
  --ls-tight: -0.01em;  /* @kind font */
  --ls-normal: 0;       /* @kind font */
  --ls-wide: 0.02em;    /* @kind font */
  --ls-caps: 0.04em;    /* @kind font */
}