/* ============================================================
   GO FLY CLUB — TYPOGRAPHY TOKENS
   ============================================================ */
:root {
  /* --- Families --- */
  --font-display: 'Bebas Neue', 'Saira Condensed', 'Arial Narrow', sans-serif;
  --font-body:    'Saira', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-script:  'Roustel', 'Satisfy', 'Brush Script MT', cursive;
  --font-mono:    ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  /* --- 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 */
  --fw-black:   900; /* @kind font */

  /* --- Display type scale (Saira Condensed, uppercase) --- */
  --text-hero:    clamp(3.5rem, 8vw, 7.5rem);   /* 56–120px */
  --text-display: clamp(2.75rem, 6vw, 5rem);    /* 44–80px  */
  --text-h1:      clamp(2.25rem, 4.5vw, 3.5rem);/* 36–56px  */
  --text-h2:      clamp(1.75rem, 3vw, 2.5rem);  /* 28–40px  */
  --text-h3:      1.5rem;   /* 24px */
  --text-h4:      1.25rem;  /* 20px */

  /* --- Body type scale (Saira) --- */
  --text-xl:   1.25rem;  /* 20px lead */
  --text-lg:   1.125rem; /* 18px */
  --text-base: 1rem;     /* 16px */
  --text-sm:   0.875rem; /* 14px */
  --text-xs:   0.75rem;  /* 12px */
  --text-2xs:  0.6875rem;/* 11px label */

  /* --- Line heights --- */
  --leading-none:    1;
  --leading-tight:   1.08;  /* display headlines */
  --leading-snug:    1.28;
  --leading-normal:  1.5;   /* body copy */
  --leading-relaxed: 1.7;

  /* --- Letter spacing --- */
  --tracking-mega:   0.12em;  /* hero eyebrow / labels */
  --tracking-wide:   0.06em;  /* display caps */
  --tracking-label:  0.16em;  /* small uppercase labels */
  --tracking-normal: 0;
  --tracking-tight: -0.01em;
}

/* ----- Reusable type roles ----- */
.gfc-eyebrow {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--accent);
}
.gfc-display {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}
.gfc-script {
  font-family: var(--font-script);
  font-weight: 400;
  text-transform: none;
}