/* 4am Digital — Typography tokens */
@font-face{
  font-family:'Gilroy';
  src:url('../assets/fonts/gilroy-light.woff2') format('woff2'),
      url('../assets/fonts/gilroy-light.woff') format('woff');
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gilroy';
  src:url('../assets/fonts/gilroy.woff2') format('woff2'),
      url('../assets/fonts/gilroy.woff') format('woff');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
/* Gilroy (self-hosted) covers Light (300) and Semibold (600) — the only
   weights the site uses — so no third-party webfont is loaded. */
:root{
  /* Families */
  --font-display:'Gilroy',system-ui,-apple-system,'Segoe UI',sans-serif; /* brand headings, logotype moments */
  --font-sans:'Gilroy',system-ui,-apple-system,'Segoe UI',sans-serif; /* body + UI: Gilroy Light/Semibold */
  --font-mono:'SFMono-Regular',ui-monospace,Menlo,Consolas,monospace;

  /* Type scale — 1.25 major-third, base 16px */
  --text-xs:0.75rem;    /* 12 */
  --text-sm:0.875rem;   /* 14 */
  --text-base:1rem;     /* 16 */
  --text-md:1.125rem;   /* 18 */
  --text-lg:1.375rem;   /* 22 */
  --text-xl:1.75rem;    /* 28 */
  --text-2xl:2.25rem;   /* 36 */
  --text-3xl:3rem;      /* 48 */
  --text-4xl:3.75rem;   /* 60 */
  --text-5xl:4.75rem;   /* 76 */

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

  /* Line heights */
  --leading-tight:1.05;
  --leading-snug:1.2;
  --leading-normal:1.55;
  --leading-relaxed:1.7;

  /* Letter spacing */
  --tracking-tight:-0.02em;
  --tracking-normal:0;
  --tracking-wide:0.04em;
  --tracking-wider:0.14em;   /* eyebrow / tagline caps, echoes "web · social · search" */
}