/* ============================================================
   FLUYIR · Typography tokens
   Script for brand voice + display; Montserrat for everything UI;
   Cormorant for long-form editorial (blog/Substack).
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-script: 'Amsterdam Four', 'Brush Script MT', cursive;  /* brand script — self-hosted */
  --font-sans:   'Montserrat', system-ui, -apple-system, sans-serif;  /* ~ Corporative */
  --font-serif:  'Cormorant Garamond', Georgia, serif;                /* editorial */

  /* ---- Semantic roles ---- */
  --font-display: var(--font-script); /* hero titles, featured phrases, signature */
  --font-body:    var(--font-sans);   /* UI, body, nav, carousels */
  --font-editorial: var(--font-serif);/* blog longform, pull-quotes in articles */

  /* ---- Type scale (rem, 16px base) ---- */
  --text-2xs:  0.6875rem; /* 11px */
  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.875rem;  /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-md:   1.125rem;  /* 18px */
  --text-lg:   1.375rem;  /* 22px */
  --text-xl:   1.75rem;   /* 28px */
  --text-2xl:  2.25rem;   /* 36px */
  --text-3xl:  3rem;      /* 48px */
  --text-4xl:  4rem;      /* 64px */
  --text-5xl:  5.5rem;    /* 88px — script hero */

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

  /* ---- Line heights ---- */
  --lh-tight:   1.1;  /* @kind font */
  --lh-snug:    1.25; /* @kind font */
  --lh-normal:  1.5;  /* @kind font */
  --lh-relaxed: 1.7;  /* @kind font */

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