/* CAMIX — Typography tokens
   Display & UI: Inter (the live site's typeface; full Cyrillic).
   Mono: JetBrains Mono (terminal blocks, units, code).
   Fonts are loaded as @font-face / @import in fonts.css. */
:root {
  /* ---- Families ---- */
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains 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 */
  --fw-extrabold: 800; /* @kind font */

  /* ---- Fluid display sizes: hero headline / section heads / product name ---- */
  --fs-display-1: clamp(3rem, 6vw, 5.5rem); /* @kind font */
  --fs-display-2: clamp(2.25rem, 4vw, 3.5rem); /* @kind font */
  --fs-display-3: clamp(1.75rem, 3vw, 2.5rem); /* @kind font */

  /* ---- Static type scale ---- */
  --fs-h1: 2.5rem; /* @kind font */
  --fs-h2: 2rem; /* @kind font */
  --fs-h3: 1.5rem; /* @kind font */
  --fs-h4: 1.25rem; /* @kind font */
  --fs-lg: 1.125rem; /* @kind font */
  --fs-body: 1rem; /* @kind font */
  --fs-sm: 0.875rem; /* @kind font */
  --fs-xs: 0.75rem; /* @kind font */
  --fs-eyebrow: 0.6875rem; /* @kind font */

  /* ---- Line heights: display / headings / body / long-form ---- */
  --lh-tight: 1.05; /* @kind font */
  --lh-snug: 1.2; /* @kind font */
  --lh-normal: 1.5; /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight: -0.03em; /* @kind font */
  --ls-snug: -0.015em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide: 0.04em; /* @kind font */
  --ls-eyebrow: 0.14em; /* @kind font */
}