/* ============================================================
   VibeSecurity - Typography Tokens
   Geist (display + body) and Geist Mono (terminals, labels, code).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap');

:root {
  /* ── FAMILIES ── */
  --font-sans: 'Geist', system-ui, -apple-system, sans-serif;
  --font-mono: 'Geist Mono', 'Fira Code', monospace;

  /* ── TYPE SCALE (fluid via clamp) ── */
  --text-display: clamp(38px, 7vw, 72px);   /* hero H1 */
  --text-h1:      clamp(28px, 5vw, 48px);
  --text-h2:      clamp(22px, 3.5vw, 36px); /* section heads */
  --text-h3:      18px;
  --text-body:    15px;
  --text-small:   13px;
  --text-xs:      11px;
  --text-mono:    12px;                      /* labels, terminal */

  /* ── WEIGHTS ── */
  --weight-light:    300;   /* display + headings (signature look) */
  --weight-regular:  400;
  --weight-medium:   500;   /* buttons, emphasis */
  --weight-semibold: 600;   /* wordmark */

  /* ── LETTER SPACING ── */
  --track-display: -0.05em;   /* tight display */
  --track-h:       -0.035em;  /* headings */
  --track-body:    -0.01em;
  --track-label:    0.10em;   /* uppercase mono labels */
}