/* GhostVPN — Typography tokens
   Space Grotesk (display/UI), Manrope (body), JetBrains Mono (technical labels,
   IPs, ciphers). Tight, confident headlines; calm readable body; uppercase mono
   eyebrows for the "secure terminal" texture. */

:root {
  /* Families */
  --font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body:    'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* Type scale (fluid-friendly fixed px) */
  --fs-display:  clamp(48px, 6vw, 84px); /* @kind font */ /* hero */
  --fs-h1:       clamp(38px, 4.4vw, 56px); /* @kind font */
  --fs-h2:       clamp(30px, 3.2vw, 40px); /* @kind font */
  --fs-h3:       24px;
  --fs-h4:       20px;
  --fs-body-lg:  18px;
  --fs-body:     16px;
  --fs-body-sm:  14px;
  --fs-caption:  13px;
  --fs-mono-sm:  12px;
  --fs-eyebrow:  12px;

  /* Line heights */
  --lh-tight:    1.04; /* @kind font */
  --lh-snug:     1.18; /* @kind font */
  --lh-normal:   1.5; /* @kind font */
  --lh-relaxed:  1.65; /* @kind font */

  /* Letter spacing */
  --ls-tight:    -0.03em; /* @kind font */ /* big display */
  --ls-snug:     -0.015em; /* @kind font */ /* headings */
  --ls-normal:   0; /* @kind font */
  --ls-wide:     0.08em; /* @kind font */
  --ls-eyebrow:  0.18em; /* @kind font */ /* uppercase mono eyebrows */
}