/* Radhark typography. Families per Brand Guidelines (Família Tipográfica, pp.14-17).
   Sizes / line-heights / tracking transcribed verbatim from the site Figma file.

   THE THREE FACES HAVE FIXED JOBS. Do not swap them by taste.
   Space Grotesk — titles, headings, display, and any big number above 40px.
   Albert Sans   — running text. Every paragraph of medium or long length.
   Fake Receipt  — topics, labels, stamps, dates, and small figures only, never above 40px.
                   The face is dot-matrix: it loses legibility and starts to look decorative
                   at display size, so large figures go to Space Grotesk instead. */
:root{
  --rad-font-display:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --rad-font-body:"Albert Sans","Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --rad-font-ui:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --rad-font-mono:"Fake Receipt",ui-monospace,"SFMono-Regular",Menlo,monospace;

  --rad-weight-light:300;
  --rad-weight-regular:400;
  --rad-weight-medium:500;
  --rad-weight-semibold:600;
  --rad-weight-bold:700;

  /* Sizes */
  --rad-size-display-l:64px;
  --rad-size-display-m:48px;
  --rad-size-stat:64px;
  --rad-size-figure:32px;
  /* Fake Receipt ceiling. Above this, Space Grotesk. */
  --rad-size-receipt-max:40px; /* @kind other */
  --rad-size-title:20px;
  --rad-size-subhead:18px;
  --rad-size-body-l:17px;
  --rad-size-body:16px;
  --rad-size-body-s:14px;
  --rad-size-label:14px;
  --rad-size-caption:12px;

  /* Line heights */
  --rad-lh-tight:1.1; /* @kind other */
  --rad-lh-flat:1; /* @kind other */
  --rad-lh-body:1.5; /* @kind other */
  --rad-lh-body-px:24px;
  --rad-lh-caption:12.6px;

  /* Tracking (exact figma values) */
  --rad-track-display-l:-1.12px;
  --rad-track-display-m:-.02em;
  --rad-track-stat:-2.24px;
  --rad-track-title:-.02em;
  --rad-track-subhead:-.01em;
  --rad-track-body-l:-.34px;
  --rad-track-body:-.02em;
  --rad-track-label:-.14px;
  --rad-track-nav:-.096px;
  --rad-track-caption:-.12px;
}

/* Ready-made type roles. Apply as classes when not using a component. */
.rad-display-l{font-family:var(--rad-font-display);font-weight:400;font-size:var(--rad-size-display-l);line-height:var(--rad-lh-tight);letter-spacing:var(--rad-track-display-l);color:var(--text-heading)}
.rad-display-m{font-family:var(--rad-font-display);font-weight:400;font-size:var(--rad-size-display-m);line-height:var(--rad-lh-tight);letter-spacing:var(--rad-track-display-m);color:var(--text-strong)}
/* Big number. Space Grotesk, because Fake Receipt breaks down above 40px. */
.rad-stat{font-family:var(--rad-font-display);font-weight:400;font-size:var(--rad-size-stat);line-height:var(--rad-lh-flat);letter-spacing:var(--rad-track-display-l);color:var(--rad-black)}
/* Small figure. Fake Receipt, capped at 40px. Caps-only, so "4 anos" renders "4 ANOS". */
.rad-figure{font-family:var(--rad-font-mono);font-weight:400;font-size:var(--rad-size-figure);line-height:var(--rad-lh-flat);letter-spacing:.01em;color:var(--rad-black)}
.rad-title{font-family:var(--rad-font-display);font-weight:400;font-size:var(--rad-size-title);line-height:var(--rad-lh-flat);letter-spacing:var(--rad-track-title)}
.rad-subhead{font-family:var(--rad-font-display);font-weight:400;font-size:var(--rad-size-subhead);line-height:var(--rad-lh-tight);letter-spacing:var(--rad-track-subhead)}
/* Running text — Albert Sans. */
.rad-body-l{font-family:var(--rad-font-body);font-weight:400;font-size:var(--rad-size-body-l);line-height:var(--rad-lh-body-px);letter-spacing:var(--rad-track-body-l)}
.rad-body{font-family:var(--rad-font-body);font-weight:400;font-size:var(--rad-size-body);line-height:var(--rad-lh-body-px);letter-spacing:var(--rad-track-body);color:var(--text-body)}
.rad-body-s{font-family:var(--rad-font-body);font-weight:400;font-size:var(--rad-size-body-s);line-height:var(--rad-lh-body)}
/* Escape hatch: the institutional site sets its running copy in Space Grotesk.
   Use this only when recreating the site, never in a deck, proposal or report. */
.rad-body-ui{font-family:var(--rad-font-ui);font-weight:400;font-size:var(--rad-size-body);line-height:var(--rad-lh-body-px);letter-spacing:var(--rad-track-body);color:var(--text-body)}
/* Interface furniture — nav, buttons, labels, captions. Space Grotesk. */
.rad-label{font-family:var(--rad-font-ui);font-weight:400;font-size:var(--rad-size-label);line-height:var(--rad-lh-flat);letter-spacing:var(--rad-track-label)}
.rad-caption{font-family:var(--rad-font-ui);font-weight:400;font-size:var(--rad-size-caption);line-height:var(--rad-lh-caption)}
/* Topics, stamps, dates, signature blocks. Set your own size, never above 40px. */
.rad-receipt{font-family:var(--rad-font-mono);font-weight:400;letter-spacing:.02em;text-transform:uppercase}