/* ============================================================
   Helvia Console — Typography tokens
   TWO brand typefaces:
     • Ubuntu  → titles, headings, buttons   (--font-display)
     • Murecho → body, paragraphs, descriptions (--font-family)
   Both are Google Fonts (declared in tokens/fonts.css).
   ============================================================ */
:root {
  /* ---- Families ---- */
  /* Body / paragraphs / descriptions */
  --font-family: 'Murecho', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                 'Helvetica Neue', Arial, sans-serif;
  /* Titles / headings / buttons */
  --font-display: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                  'Helvetica Neue', Arial, sans-serif;
  /* Code / IDs / tokens — generic monospace (not a brand face) */
  --font-family-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ---- Size scale (px) ---- */
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-base: 14px;   /* default body */
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;    /* page titles */
  --font-size-xxxl: 32px;
  --font-size-xxxxl: 40px;  /* display */

  /* ---- Weights ---- */
  --font-weight-thin: 100;
  --font-weight-extraLight: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;     /* nav items, labels */
  --font-weight-semiBold: 600;   /* buttons, emphasis */
  --font-weight-bold: 700;       /* headings */
  --font-weight-extraBold: 800;
  --font-weight-black: 900;

  /* ---- Line heights ---- */
  --line-height-base: 1.8;    /* body copy (set on body in antd-overrides) */
  --line-height-heading: 1.5; /* titles */
  --line-height-tight: 1.2;

  /* ---- Semantic type roles ---- */
  /* Display / headings / titles / buttons → Ubuntu (--font-display) */
  --text-display:    var(--font-weight-bold)    var(--font-size-xxxxl)/1.2  var(--font-display);
  --text-h1:         var(--font-weight-bold)    var(--font-size-xxxl)/1.3   var(--font-display);
  --text-h2:         var(--font-weight-bold)    var(--font-size-xxl)/1.4    var(--font-display);
  --text-h3:         var(--font-weight-medium)  var(--font-size-xl)/1.4     var(--font-display);
  --text-title:      var(--font-weight-medium)  var(--font-size-lg)/1.5     var(--font-display);
  --text-button:     var(--font-weight-medium)  var(--font-size-base)/1     var(--font-display);
  /* Body / paragraphs / descriptions / captions → Murecho (--font-family) */
  --text-body:       var(--font-weight-regular) var(--font-size-base)/1.6   var(--font-family);
  --text-body-sm:    var(--font-weight-regular) var(--font-size-sm)/1.5     var(--font-family);
  --text-caption:    var(--font-weight-regular) var(--font-size-xs)/1.4     var(--font-family);
}