/* ════════════════════════════════════════════════════════════════════════
   CLOUD GARDEN — TYPE SCALE (utility classes)
   Load AFTER tokens/tokens.css and type/fonts.css. Mirrors BRAND.md §5.3.
   One family, two weights (400 Buch · 500 Kräftig), tabular lining figures,
   no italics. Tracked uppercase carries the label voice — never a mono face.
   ════════════════════════════════════════════════════════════════════════ */

.cg-display{font-family:var(--cg-font);font-weight:500;font-size:var(--cg-fs-display);
  letter-spacing:var(--cg-track-display);line-height:.92}
.cg-h1{font-family:var(--cg-font);font-weight:500;font-size:var(--cg-fs-h1);
  letter-spacing:var(--cg-track-h1);line-height:var(--cg-lh-tight)}
.cg-h2{font-family:var(--cg-font);font-weight:500;font-size:var(--cg-fs-h2);
  letter-spacing:var(--cg-track-h2);line-height:1.1}
.cg-h3{font-family:var(--cg-font);font-weight:500;font-size:var(--cg-fs-h3);
  letter-spacing:var(--cg-track-h3);line-height:var(--cg-lh-snug)}
.cg-lede{font-family:var(--cg-font);font-weight:400;font-size:var(--cg-fs-lede);
  letter-spacing:-.005em;line-height:1.5;color:var(--cg-grey-700)}
.cg-body{font-family:var(--cg-font);font-weight:400;font-size:var(--cg-fs-body);
  letter-spacing:0;line-height:var(--cg-lh-body);color:var(--cg-ink-soft)}
.cg-small{font-family:var(--cg-font);font-weight:400;font-size:var(--cg-fs-small);
  letter-spacing:0;line-height:1.55;color:var(--cg-grey-700)}

/* the tracked-uppercase LABEL voice (eyebrows / kickers / nav / clauses).
   Title Case is reserved for the wordmark; everything else label-like is
   UPPERCASE + tracked. */
.cg-label{font-family:var(--cg-font);font-weight:500;font-size:var(--cg-fs-label);
  letter-spacing:var(--cg-track-label);text-transform:uppercase;color:var(--cg-grey-500)}
.cg-label--accent{color:var(--cg-green)}
/* the third sanctioned track — micro .16em (contact / caption / fine-print labels) */
.cg-label--micro{letter-spacing:var(--cg-track-label-micro)}
.cg-eyebrow{font-family:var(--cg-font);font-weight:500;font-size:var(--cg-fs-label);
  letter-spacing:var(--cg-track-label-wide);text-transform:uppercase;color:var(--cg-green);
  display:inline-flex;align-items:center;gap:14px}
.cg-eyebrow::before{content:"";width:26px;height:1px;background:currentColor}

/* all numerics: tabular lining figures, so columns align without a mono face */
.cg-tnum{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--cg-figs)}

/* secondary-grey accent inside headings (a measured "em" that is not italic) */
.cg-h1 em,.cg-h2 em,.cg-h3 em{font-style:normal;font-weight:400;color:var(--cg-grey-400)}