/* Military Creator — Typography tokens
   Display: Cabinet Grotesk (confident modern grotesk headlines)
   Body:    Satoshi
   Utility: IBM Plex Mono (dates, tags, metadata) */

:root {
  /* ---- Families ---- */
  --font-display: 'Cabinet Grotesk', 'Arial Black', system-ui, sans-serif;
  --font-body:    'Satoshi', 'Helvetica Neue', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;
  --weight-black:   800;

  /* ---- Display scale (Cabinet Grotesk) ---- */
  --display-1: 800 clamp(3rem, 6.5vw, 5.5rem)/1.0 var(--font-display);
  --display-2: 800 clamp(2.5rem, 4.5vw, 3.75rem)/1.02 var(--font-display);
  --display-3: 700 clamp(1.875rem, 3vw, 2.5rem)/1.05 var(--font-display);
  --heading-1: 700 clamp(1.5rem, 2.2vw, 1.875rem)/1.1 var(--font-display);
  --heading-2: 700 1.375rem/1.15 var(--font-display);

  /* ---- Body scale (Satoshi) ---- */
  --body-lg:   400 1.1875rem/1.6 var(--font-body);
  --body-md:   400 1rem/1.6 var(--font-body);
  --body-sm:   400 0.875rem/1.55 var(--font-body);

  /* ---- Utility / mono (IBM Plex Mono) ---- */
  --eyebrow:   600 0.8125rem/1.2 var(--font-mono);
  --meta:      500 0.875rem/1.4 var(--font-mono);
  --tag:       500 0.75rem/1 var(--font-mono);

  /* ---- Tracking ---- */
  --track-eyebrow: 0.18em;
  --track-display: -0.02em;
  --track-tag:     0.06em;
}