/* ─────────────────────────────────────────────
   LOVI.ai — Typography Tokens
   Font: Poppins (Google Fonts)
   ───────────────────────────────────────────── */

/* Poppins from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap');

:root {
  /* ── Font Families ── */
  --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  /* Note: LOVI.ai uses Poppins exclusively — no monospaced font in the brand */

  /* ── Font Weights ── */
  --font-weight-light:   300;
  --font-weight-regular: 400;
  --font-weight-medium:  500;
  --font-weight-semibold:600;
  --font-weight-bold:    700;

  /* ── Font Sizes ── */
  --font-size-xs:   12px;
  --font-size-sm:   14px;
  --font-size-base: 17px;
  --font-size-md:   21px;
  --font-size-lg:   25px;
  --font-size-xl:   26px;
  --font-size-2xl:  30px;
  --font-size-3xl:  36px;
  --font-size-4xl:  48px;
  --font-size-5xl:  64px;

  /* ── Line Heights ── */
  --line-height-tight:  1.1;
  --line-height-snug:   1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed:1.75;

  /* ── Letter Spacing ── */
  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide:   0.04em;

  /* ── Semantic Type Roles ── */
  --text-hero:        var(--font-size-5xl);
  --text-display:     var(--font-size-4xl);
  --text-headline:    var(--font-size-2xl);
  --text-title:       var(--font-size-xl);
  --text-nav:         var(--font-size-md);
  --text-body:        var(--font-size-base);
  --text-small:       var(--font-size-sm);
  --text-caption:     var(--font-size-xs);
  --text-button:      var(--font-size-lg);
}