/* Mr. J's Barbershop — Typography tokens
   Bayon = condensed display (always uppercase, wide tracking).
   Inter = body & UI, Light (300) is the workhorse weight in the concept file. */
:root {
  --font-display: 'Bayon', 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Display scale (Bayon) — big, condensed, headline weight */
  --display-hero: 88px;   /* homepage hero wordmark */
  --display-1: 56px;      /* section titles */
  --display-2: 40px;      /* sub-section */
  --display-3: 28px;      /* card headers, eyebrow-large */

  /* Body scale (Inter) */
  --text-lg: 20px;
  --text-md: 18px;
  --text-base: 16px;
  --text-sm: 14px;
  --text-xs: 12px;        /* labels, legends (Light 300 in source) */

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

  /* Line heights */
  --lh-tight: 1.0;     /* @kind font */
  --lh-snug: 1.2;      /* @kind font */
  --lh-body: 1.6;      /* @kind font */

  /* Tracking */
  --tracking-display: 0.04em;  /* @kind font */
  --tracking-eyebrow: 0.22em;  /* @kind font */
  --tracking-body: 0;          /* @kind font */
}