/* ============================================================
   Hitachi Vantara — Typography Tokens
   Brand face: "Hitachi Sans" (proprietary, not bundled).
   SUBSTITUTE shipped: "Hanken Grotesk" (Google Fonts) — a clean,
   slightly humanist grotesque chosen as the nearest free match.
   Replace the @font-face / family vars in fonts.css with licensed
   Hitachi Sans webfonts for production.
   ============================================================ */
:root {
  /* Families */
  --font-sans: "Hanken Grotesk", "Hitachi Sans", "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Weights — the brand leans on Regular for body, Bold for emphasis,
     and very heavy weights for big display / dividers */
  --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 */

  /* Type scale (px). Display sizes echo the deck's 65–80pt dividers. */
  --fs-display-1: 80px;
  --fs-display-2: 64px;
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 28px;
  --fs-h4: 22px;
  --fs-title: 18px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 12px;
  --fs-overline: 11px;

  /* Line heights */
  --lh-tight: 1.05;    /* @kind other */
  --lh-snug: 1.2;      /* @kind other */
  --lh-normal: 1.5;    /* @kind other */
  --lh-relaxed: 1.65;  /* @kind other */

  /* Letter spacing */
  --ls-tight: -0.02em;   /* @kind other */
  --ls-snug: -0.01em;    /* @kind other */
  --ls-normal: 0;        /* @kind other */
  --ls-overline: 0.08em; /* @kind other */

  /* Semantic roles */
  --text-display-weight: var(--fw-extrabold); /* @kind font */
  --text-heading-weight: var(--fw-bold);       /* @kind font */
  --text-body-weight: var(--fw-regular);       /* @kind font */
  --text-label-weight: var(--fw-semibold);     /* @kind font */
}