/* Arkum Labs — Typography Tokens
   Display: Space Grotesk (geometric, technical, monolithic)
   Body/UI: IBM Plex Sans (institutional, trustworthy, legible)
   Mono:    IBM Plex Mono (terminal panels, data, addresses, code)
   Fonts loaded via Google Fonts @import in styles.css. */

:root {
  /* ---- Families ---- */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-sans:    "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --font-mono:    "IBM Plex Mono", "SF Mono", ui-monospace, monospace;

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

  /* ---- Type scale (1.250 major-third, 16px base) ---- */
  --text-2xs:     11px;
  --text-xs:      12px;
  --text-sm:      14px;
  --text-base:    16px;
  --text-lg:      18px;
  --text-xl:      20px;
  --text-2xl:     25px;
  --text-3xl:     32px;
  --text-4xl:     40px;
  --text-5xl:     52px;
  --text-6xl:     66px;
  --text-7xl:     84px;

  /* ---- Line heights ---- */
  --leading-none:    1;     /* @kind font */
  --leading-tight:   1.12;  /* @kind font */
  --leading-snug:    1.3;   /* @kind font */
  --leading-normal:  1.55;  /* @kind font */
  --leading-relaxed: 1.7;   /* @kind font */

  /* ---- Letter spacing ---- */
  --tracking-tighter: -0.03em;  /* @kind font */
  --tracking-tight:   -0.015em; /* @kind font */
  --tracking-normal:  0em;      /* @kind font */
  --tracking-wide:    0.04em;   /* @kind font */
  --tracking-wider:   0.12em;   /* @kind font */
  --tracking-widest:  0.22em;   /* @kind font */

  /* ---- Semantic roles ---- */
  --role-display-font: var(--font-display);        /* @kind font */
  --role-display-weight: var(--fw-medium);         /* @kind font */
  --role-display-tracking: var(--tracking-tighter);/* @kind font */

  --role-eyebrow-font: var(--font-mono);           /* @kind font */
  --role-eyebrow-size: var(--text-xs);             /* @kind font */
  --role-eyebrow-tracking: var(--tracking-widest); /* @kind font */

  --role-body-font: var(--font-sans);              /* @kind font */
  --role-body-size: var(--text-base);              /* @kind font */
  --role-body-leading: var(--leading-normal);      /* @kind font */

  --role-mono-font: var(--font-mono);              /* @kind font */
  --role-label-tracking: var(--tracking-wider);    /* @kind font */
}