/* Conduit Cards — typography tokens. Every value transcribed from the
   card set. The type system is Montserrat only, run at wide positive
   tracking for labels and tight negative tracking for display. */

:root {
  --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Montserrat", var(--font-sans);
  --font-alt: "Montserrat Alternates", var(--font-sans);
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

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

  /* ---- Type roles (size / line-height / tracking) ---- */

  /* Kicker — header label beside the wordmark */
  --type-kicker-size: 11px;
  --type-kicker-lh: 11px;
  --type-kicker-track: 3.08px;

  /* Eyebrow — teal all-caps lead-in on cover cards */
  --type-eyebrow-size: 12px;
  --type-eyebrow-lh: 12px;
  --type-eyebrow-track: 3.6px;

  /* Card title — the teal-ticked headline */
  --type-title-size: 38px;
  --type-title-lh: 38px;
  --type-title-track: -0.95px;

  /* Hero stat — the oversized teal number */
  --type-stat-size: 240px;
  --type-stat-lh: 204px;
  --type-stat-track: -13.2px;

  /* Stat label — caption inside the bordered callout */
  --type-statlabel-size: 20px;
  --type-statlabel-lh: 25px;
  --type-statlabel-track: 2.8px;

  /* Lede — large intro paragraph (cover) */
  --type-lede-size: 26px;
  --type-lede-lh: 36.4px;
  --type-lede-track: -0.13px;

  /* Heading — mid-card statement line */
  --type-heading-size: 42px;
  --type-heading-lh: 48px;
  --type-heading-track: -0.9px;

  /* Body — supporting paragraph */
  --type-body-size: 20px;
  --type-body-lh: 29px;
  --type-body-track: -0.1px;

  /* Micro label — the "SOURCE" tag */
  --type-microlabel-size: 9px;
  --type-microlabel-lh: 13.05px;
  --type-microlabel-track: 2.52px;

  /* Caption — source citation text */
  --type-caption-size: 12px;
  --type-caption-lh: 17.4px;
  --type-caption-track: 0px;

  /* ---- Landscape (16:9) slide roles ---- */

  /* Slide title — the big deck headline */
  --type-slidetitle-size: 68px;
  --type-slidetitle-lh: 71.4px;
  --type-slidetitle-track: -1.7px;

  /* Slide subtitle — supporting deck paragraph */
  --type-slidesub-size: 24px;
  --type-slidesub-lh: 33.6px;
  --type-slidesub-track: 0px;

  /* Section eyebrow — tracked all-caps label beside the teal tick */
  --type-sectioneyebrow-size: 13px;
  --type-sectioneyebrow-lh: 18.85px;
  --type-sectioneyebrow-track: 2.86px;

  /* Category eyebrow — mono label at the top of a tech card */
  --type-cateyebrow-size: 10px;
  --type-cateyebrow-lh: 14.5px;
  --type-cateyebrow-track: 2.2px;

  /* Tech-card title */
  --type-techtitle-size: 26px;
  --type-techtitle-lh: 30px;
  --type-techtitle-track: -0.6px;

  /* Tech-card body */
  --type-techbody-size: 13.5px;
  --type-techbody-lh: 19px;
  --type-techbody-track: 0px;

  /* Confidential footer */
  --type-confidential-size: 10px;
  --type-confidential-lh: 14.5px;
  --type-confidential-track: 0.4px;
}