/* Swipix — typography.
   The 20 named styles below are transcribed row-for-row from the spec sheet in
   "Typography Swipix.fig" → /Typography/Typography-Styles. Family: Montserrat.
   Size / Leading / Weight / Tracking are the file's own Properties values;
   "Regular" in that sheet means Montserrat Medium (500), never 400.
   Tracking % → em (1% = 0.01em). Nothing rounded.

   The file declares no Figma text styles, so fig-typography.css is empty — this
   file is the type system. */
:root{
  /* Sizes present in the file */
  --size-10:10px; --size-12:12px; --size-14:14px; --size-16:16px; --size-20:20px;
  --size-24:24px; --size-30:30px; --size-36:36px;
  /* Documentation display sizes */
  --size-40:40px; --size-60:60px; --size-80:80px; --size-100:100px; --size-160:160px;
}

/* ── Headings ───────────────────────────────────────────────── */
/* Largest top-level headings. */
.t-headline{font-family:var(--font-core);font-weight:700;font-size:24px;line-height:28px;letter-spacing:0.01em}
/* Mid-level headings. */
.t-title{font-family:var(--font-core);font-weight:700;font-size:20px;line-height:24px;letter-spacing:0.01em}

/* ── Body Large (16) ────────────────────────────────────────── */
/* Emphasised copy inside large bodies of text. */
.t-body-large-bold{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:24px;letter-spacing:0.01em}
/* Emphasised copy in banners — tighter leading for compactness. */
.t-body-large-tight{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:20px;letter-spacing:0.01em}
/* Copy with more accent, or set on a busy background; looser leading for readability. */
.t-body-large-regular{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:0.01em}

/* ── Body Basic (14 / 16) ───────────────────────────────────── */
/* Base running text with extra accent. */
.t-body-basic-bold{font-family:var(--font-core);font-weight:700;font-size:14px;line-height:16px;letter-spacing:0.01em}
/* Base running text. */
.t-body-basic-regular{font-family:var(--font-core);font-weight:500;font-size:14px;line-height:16px;letter-spacing:0.01em}

/* ── Body Paragraph (14 / 20) ───────────────────────────────── */
/* Running text with large accent or on a busy background; looser leading. */
.t-body-paragraph-bold{font-family:var(--font-core);font-weight:700;font-size:14px;line-height:20px;letter-spacing:0.01em}
/* Running text, looser leading — for long-form paragraphs. */
.t-body-paragraph-regular{font-family:var(--font-core);font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.01em}

/* ── Caption (12) ───────────────────────────────────────────── */
/* Small labels with accent, e.g. a "more" toggle on collapsed lists. */
.t-caption-bold{font-family:var(--font-core);font-weight:700;font-size:12px;line-height:14px;letter-spacing:0.01em}
/* Small labels and legal copy. */
.t-caption-regular{font-family:var(--font-core);font-weight:500;font-size:12px;line-height:14px;letter-spacing:0.005em}
/* Special labels. Duplicates Caption Regular here — kept as its own style so
   components can switch styles cleanly. */
.t-caption-extra{font-family:var(--font-core);font-weight:500;font-size:12px;line-height:14px;letter-spacing:0.005em}

/* ── Tiny (10) ──────────────────────────────────────────────── */
/* Smallest labels needing slight accent. Currently only stock-card ids. */
.t-tiny-bold{font-family:var(--font-core);font-weight:700;font-size:10px;line-height:12px;letter-spacing:0.01em}
/* Smallest labels. Currently only stock-card ids. */
.t-tiny-regular{font-family:var(--font-core);font-weight:500;font-size:10px;line-height:12px;letter-spacing:0.005em}

/* ── Buttons — CAPS ONLY ────────────────────────────────────── */
/* Main label on M and L buttons. */
.t-button-ml{font-family:var(--font-core);font-weight:700;font-size:12px;line-height:16px;letter-spacing:0.06em;text-transform:uppercase}
/* Main label on S buttons. */
.t-button-s-bold{font-family:var(--font-core);font-weight:700;font-size:10px;line-height:12px;letter-spacing:0.08em;text-transform:uppercase}
/* Negative action on buttons inside alerts. */
.t-button-s-regular{font-family:var(--font-core);font-weight:500;font-size:10px;line-height:12px;letter-spacing:0.08em;text-transform:uppercase}

/* ── Accent ─────────────────────────────────────────────────── */
/* Short high-accent copy. Currently tips and paywall screens. */
.t-enlarged{font-family:var(--font-core);font-weight:800;font-size:30px;line-height:32px;letter-spacing:0.04em}
/* Short high-accent copy, largest step. Currently tips and paywall screens. */
.t-promotion{font-family:var(--font-core);font-weight:800;font-size:36px;line-height:40px;letter-spacing:0.01em}

/* ── System ─────────────────────────────────────────────────── */
/* Tab Bar item labels only. */
.t-tab-bar{font-family:var(--font-core);font-weight:500;font-size:12px;line-height:12px;letter-spacing:0.01em}