/* Ember Ledger tokens — generated from tokens.json by scripts/build-tokens.mjs. Do not edit. */
:root {
  --color-graphite: #202020;
  --color-steel: #4d4d4d;
  --color-slate: #828282;
  --color-ember-orange: #ff682c;
  --color-brass: #816729;
  --color-canvas-white: #ffffff;
  --color-ash: #efefef;
  --color-fog: #f5f5f5;
  --color-ivory: #ebe6dd;
  --color-mist: #e8e8e8;
  --surface-page-canvas: var(--color-canvas-white);
  --surface-ash-surface: var(--color-ash);
  --surface-fog-surface: var(--color-fog);
  --surface-ivory-surface: var(--color-ivory);
  --font-polysans: "PolySans", "Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --spacing-unit: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-60: 60px;
  --spacing-140: 140px;
  --page-max-width: 1200px;
  --section-gap: 80px;
  --card-padding: 40px;
  --element-gap: 20px;
  --radius-sm: 3px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 20px;
  --radius-full: 200px;
  --radius-buttons: 0px;
  --radius-cards: 8px;
  --radius-tags: 20px;
  --radius-nav-pills: 200px;
  --radius-asymmetric-card: 6px;
  --shadow-none: none;
}

/* Type styles: one class per token style, e.g. .ts-heading-lg */
.ts-display {
  font-family: var(--font-polysans);
  font-size: 66px;
  line-height: 0.91;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ts-heading-lg {
  font-family: var(--font-polysans);
  font-size: 40px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ts-heading {
  font-family: var(--font-polysans);
  font-size: 32px;
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ts-card-title {
  font-family: var(--font-polysans);
  font-size: 18px;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ts-label-display {
  font-family: var(--font-polysans);
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ts-label-display-relaxed {
  font-family: var(--font-polysans);
  font-size: 16px;
  line-height: 1.13;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ts-caption-display {
  font-family: var(--font-polysans);
  font-size: 13px;
  line-height: 1.38;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ts-micro-display {
  font-family: var(--font-polysans);
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ts-lead {
  font-family: var(--font-inter);
  font-size: 18px;
  line-height: 1.25;
  font-weight: 400;
}
.ts-lead-medium {
  font-family: var(--font-inter);
  font-size: 18px;
  line-height: 1.33;
  font-weight: 500;
}
.ts-body {
  font-family: var(--font-inter);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.ts-body-compact {
  font-family: var(--font-inter);
  font-size: 16px;
  line-height: 1.38;
  font-weight: 500;
}
.ts-ui {
  font-family: var(--font-inter);
  font-size: 15px;
  line-height: 1.33;
  font-weight: 500;
}
.ts-caption {
  font-family: var(--font-inter);
  font-size: 14px;
  line-height: 1.43;
  font-weight: 400;
}
.ts-caption-medium {
  font-family: var(--font-inter);
  font-size: 14px;
  line-height: 1.43;
  font-weight: 500;
}
.ts-label {
  font-family: var(--font-inter);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 500;
}
.ts-overline {
  font-family: var(--font-inter);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
}
.ts-small {
  font-family: var(--font-inter);
  font-size: 12px;
  line-height: 1.33;
  font-weight: 400;
}
.ts-small-tight {
  font-family: var(--font-inter);
  font-size: 12px;
  line-height: 1.15;
  font-weight: 400;
}