/* Casa type scale — Host Grotesk (display/headings) + Geist (body/UI). Sizes/letter-spacing copied verbatim from the source. */
:root{
  --font-display: "Host Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Host Grotesk (display) sizes actually used */
  --text-display-amount: 32px;   /* "£5,000" hero figure — weight 700 */
  --text-page-title: 26px;       /* "Goals" / "Contributions" — weight 600, -0.02em */
  --text-section-title: 18px;    /* "Savings" list title — weight 700 */
  --text-card-title: 15px;       /* "House deposit" — weight 700, -0.01em */
  --text-value: 14px;            /* "£10,000" target value — weight 600, -0.01em */

  /* Geist (body/UI) sizes actually used */
  --text-body: 13px;             /* subtitles, "Your planned goal" — weight 500 */
  --text-meta: 12px;             /* "£4,850 saved", pill labels — weight 500/600 */
  --text-micro: 11px;            /* "On track" pill — weight 600 */
}
.type-display-amount{font-family:var(--font-display);font-weight:700;font-size:var(--text-display-amount);line-height:100%;letter-spacing:-0.01em;color:var(--color-text-primary)}
.type-page-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-page-title);line-height:100%;letter-spacing:-0.02em;color:var(--color-text-primary)}
.type-section-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-section-title);line-height:100%;color:var(--color-text-primary)}
.type-card-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-card-title);line-height:100%;letter-spacing:-0.01em;color:var(--color-text-primary)}
.type-value{font-family:var(--font-display);font-weight:600;font-size:var(--text-value);line-height:100%;letter-spacing:-0.01em;color:var(--color-text-primary)}
.type-body{font-family:var(--font-body);font-weight:500;font-size:var(--text-body);line-height:18px;letter-spacing:-0.02em;color:var(--color-text-secondary)}
.type-meta{font-family:var(--font-body);font-weight:500;font-size:var(--text-meta);line-height:16px;color:var(--color-text-secondary)}
.type-micro{font-family:var(--font-body);font-weight:600;font-size:var(--text-micro);line-height:100%}