/* ================================================================
   Babel Contract Board — Typography Tokens
   Inter (UI/body) · Open Sans (display titles) · Roboto (data/KPIs)
   ================================================================ */

:root {
  /* Families */
  --cb-font-display: 'Open Sans', sans-serif;   /* page titles     */
  --cb-font-body:    'Inter', sans-serif;       /* everything else */
  --cb-font-data:    'Roboto', sans-serif;      /* KPIs, numbers   */

  /* Sizes */
  --cb-text-xs:  12px;
  --cb-text-sm:  14px;
  --cb-text-md:  16px;
  --cb-text-lg:  18px;
  --cb-text-xl:  20px;
  --cb-text-2xl: 24px;
  --cb-text-3xl: 30px;
  --cb-text-4xl: 34px;
  --cb-text-5xl: 48px;

  /* Weights */
  --cb-weight-regular:  400;
  --cb-weight-medium:   500;
  --cb-weight-semibold: 600;
  --cb-weight-bold:     700;
  --cb-weight-extra:    800;

  /* Line height */
  --cb-leading: 1.6;
  --cb-leading-tight: 1.2;

  /* Semantic type roles */
  --cb-h1-font:    var(--cb-font-display);
  --cb-h1-size:    var(--cb-text-5xl);
  --cb-h1-weight:  700;
  --cb-h1-color:   var(--cb-brand-deep);
  --cb-h1-spacing: 0.03em;

  --cb-h2-font:    var(--cb-font-body);
  --cb-h2-size:    var(--cb-text-lg);
  --cb-h2-weight:  400;
  --cb-h2-color:   var(--cb-text-secondary);

  --cb-kpi-font:   var(--cb-font-data);
  --cb-kpi-size:   var(--cb-text-4xl);
  --cb-kpi-weight: 700;
  --cb-kpi-color:  var(--cb-text-primary);

  --cb-body-font:  var(--cb-font-body);
  --cb-body-size:  var(--cb-text-md);
  --cb-body-weight:400;
  --cb-body-color: var(--cb-text-primary);

  --cb-label-font:  var(--cb-font-body);
  --cb-label-size:  var(--cb-text-sm);
  --cb-label-weight:400;
  --cb-label-color: var(--cb-tag-default-text);

  --cb-btn-font:   var(--cb-font-body);
  --cb-btn-size:   var(--cb-text-lg);
  --cb-btn-weight: 700;
}