/* [project]/apps/lifedesignos-app/app/typography.css [app-client] (css) */
:root {
  --ldos-type-size-2xs: .625rem;
  --ldos-type-size-xs: .6875rem;
  --ldos-type-size-caption: .75rem;
  --ldos-type-size-meta: .8125rem;
  --ldos-type-size-control: .875rem;
  --ldos-type-size-body-sm: .8125rem;
  --ldos-type-size-body: .875rem;
  --ldos-type-size-base: 1rem;
  --ldos-type-size-body-lg: 1rem;
  --ldos-type-size-card: 1.125rem;
  --ldos-type-size-subtitle: 1.25rem;
  --ldos-type-size-page-compact: 1.5rem;
  --ldos-type-size-display-sm: 1.75rem;
  --ldos-type-size-display: 2.1875rem;
  --ldos-type-weight-regular: 400;
  --ldos-type-weight-medium: 500;
  --ldos-type-weight-semibold: 600;
  --ldos-type-weight-bold: 700;
  --ldos-type-leading-none: 1;
  --ldos-type-leading-heading: 1.25;
  --ldos-type-leading-snug: 1.25;
  --ldos-type-leading-copy: 1.5;
  --ldos-type-leading-display: 2.5rem;
  --ldos-type-leading-display-sm: 2.25rem;
  --ldos-type-leading-page: 1.875rem;
  --ldos-type-leading-section: 1.75rem;
  --ldos-type-leading-card: 1.625rem;
  --ldos-type-leading-4: 1rem;
  --ldos-type-leading-4-5: 1.125rem;
  --ldos-type-leading-5: 1.25rem;
  --ldos-type-leading-5-5: 1.375rem;
  --ldos-type-leading-6: 1.5rem;
  --ldos-type-leading-6-5: 1.625rem;
  --ldos-type-tracking-tight: -.00625em;
  --ldos-type-tracking-heading: -.005em;
  --ldos-type-tracking-card: -.0025em;
  --ldos-type-tracking-subtle: -.01em;
  --ldos-type-tracking-normal: 0;
  --ldos-type-tracking-label: .025em;
  --ldos-type-tracking-wide: .04em;
  --ldos-type-tracking-wider: .08em;
  --ldos-type-tracking-widest: .1em;
  --ldos-type-heading-weight: var(--ldos-type-weight-semibold);
  --ldos-type-heading-tracking: var(--ldos-type-tracking-heading);
  --ldos-type-heading-leading: var(--ldos-type-leading-heading);
  --ldos-type-section-size: var(--ldos-type-size-subtitle);
  --ldos-type-section-leading: var(--ldos-type-leading-section);
  --ldos-type-body-size: var(--ldos-type-size-body);
  --ldos-type-body-leading: var(--ldos-type-leading-5);
  --ldos-type-body-lg-size: var(--ldos-type-size-body-lg);
  --ldos-type-body-lg-leading: var(--ldos-type-leading-6);
  --ldos-type-body-sm-size: var(--ldos-type-size-body-sm);
  --ldos-type-body-sm-leading: var(--ldos-type-leading-5);
  --ldos-type-family: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
  --ldos-type-page-size: var(--ldos-type-size-page-compact);
  --ldos-type-page-leading: var(--ldos-type-leading-page);
  --ldos-type-card-size: var(--ldos-type-size-card);
  --ldos-type-card-leading: var(--ldos-type-leading-card);
  --ldos-type-subsection-size: var(--ldos-type-size-body);
  --ldos-type-caption-size: var(--ldos-type-size-caption);
  --ldos-type-caption-leading: var(--ldos-type-leading-4);
  --ldos-type-control-size: var(--ldos-type-size-control);
  --ldos-type-control-leading: var(--ldos-type-leading-5);
  --ldos-type-reading-measure: 80ch;
}

.ldos-typography {
  font-family: var(--ldos-type-family);
  font-size: var(--ldos-type-body-size);
  line-height: var(--ldos-type-body-leading);
}

.ldos-typography :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--ldos-type-family);
  font-weight: var(--ldos-type-heading-weight);
  letter-spacing: var(--ldos-type-heading-tracking);
  line-height: var(--ldos-type-heading-leading);
  text-wrap: balance;
}

.ldos-typography h1 {
  font-size: var(--ldos-type-page-size);
  line-height: var(--ldos-type-page-leading);
  letter-spacing: var(--ldos-type-tracking-tight);
}

.ldos-typography h2 {
  font-size: var(--ldos-type-section-size);
  line-height: var(--ldos-type-section-leading);
  letter-spacing: var(--ldos-type-tracking-heading);
}

.ldos-typography h3 {
  font-size: var(--ldos-type-card-size);
  line-height: var(--ldos-type-card-leading);
  letter-spacing: var(--ldos-type-tracking-card);
}

.ldos-typography :is(h4, h5, h6) {
  font-size: var(--ldos-type-subsection-size);
}

.ldos-typography p {
  font-family: var(--ldos-type-family);
  font-size: var(--ldos-type-body-size);
  font-weight: 400;
  line-height: var(--ldos-type-body-leading);
  letter-spacing: normal;
  text-wrap: pretty;
}

.ldos-typography :is(nav, button, .ldos-app-sidebar, .ldos-dashboard-header) {
  --ldos-type-body-size: var(--ldos-type-control-size);
  --ldos-type-body-leading: var(--ldos-type-control-leading);
}

.ldos-typography :is(button, input, select, textarea) {
  font-family: var(--ldos-type-family);
  font-size: var(--ldos-type-control-size);
  line-height: var(--ldos-type-control-leading);
}

.ldos-typography :is([data-slot="dialog-title"], [data-slot="alert-dialog-title"], [data-slot="sheet-title"], [data-slot="drawer-title"]) {
  font-size: var(--ldos-type-card-size);
}

.ldos-typography .ldos-type-heading {
  font-family: var(--ldos-type-family);
  font-weight: var(--ldos-type-heading-weight);
  line-height: var(--ldos-type-heading-leading);
  letter-spacing: var(--ldos-type-heading-tracking);
  text-wrap: balance;
}

.ldos-typography :is([data-slot="card-title"], .ldos-card-type__title) {
  font-family: var(--ldos-type-family);
  font-size: var(--ldos-type-size-base);
  font-weight: var(--ldos-type-weight-medium);
  line-height: var(--ldos-type-leading-6);
  letter-spacing: var(--ldos-type-tracking-normal);
  text-wrap: balance;
}

.ldos-typography .ldos-card-type__title_standard {
  font-size: var(--ldos-type-size-base);
  font-weight: var(--ldos-type-weight-medium);
  line-height: var(--ldos-type-leading-6);
  letter-spacing: var(--ldos-type-tracking-normal);
}

.ldos-typography .ldos-card-type__title_compact {
  font-size: var(--ldos-type-size-control);
  font-weight: var(--ldos-type-weight-semibold);
  line-height: var(--ldos-type-leading-5);
}

.ldos-typography .ldos-card-type__title_featured {
  font-size: var(--ldos-type-size-subtitle);
  font-weight: var(--ldos-type-weight-bold);
  line-height: var(--ldos-type-leading-6);
  letter-spacing: var(--ldos-type-tracking-heading);
}

.ldos-typography :is([data-slot="card-description"], .ldos-card-type__description) {
  font-family: var(--ldos-type-family);
  font-size: var(--ldos-type-size-meta);
  font-weight: var(--ldos-type-weight-regular);
  line-height: var(--ldos-type-leading-5);
  letter-spacing: var(--ldos-type-tracking-normal);
}

.ldos-typography .ldos-card-type__eyebrow {
  font-family: var(--ldos-type-family);
  font-size: var(--ldos-type-size-caption);
  font-weight: var(--ldos-type-weight-medium);
  line-height: var(--ldos-type-leading-4);
  letter-spacing: var(--ldos-type-tracking-label);
}

.ldos-typography .ldos-type-section {
  font-size: var(--ldos-type-section-size);
  line-height: var(--ldos-type-section-leading);
  letter-spacing: var(--ldos-type-tracking-heading);
}

.ldos-typography .ldos-type-subsection {
  font-size: var(--ldos-type-size-base);
  line-height: var(--ldos-type-leading-6);
  letter-spacing: var(--ldos-type-heading-tracking);
  font-weight: var(--ldos-type-heading-weight);
}

.ldos-typography :is(.ldos-type-body, [data-typography="body"]) {
  font-family: var(--ldos-type-family);
  font-size: var(--ldos-type-body-size);
  font-weight: 400;
  line-height: var(--ldos-type-body-leading);
  letter-spacing: normal;
}

.ldos-typography :is(.ldos-type-body-sm, [data-typography="body-small"]) {
  font-size: var(--ldos-type-body-sm-size);
  line-height: var(--ldos-type-body-sm-leading);
}

.ldos-typography :is(.ldos-type-body-lg, [data-typography="body-large"]) {
  font-size: var(--ldos-type-body-lg-size);
  line-height: var(--ldos-type-body-lg-leading);
}

.ldos-typography :is(.ldos-type-caption, [data-typography="caption"]) {
  font-size: var(--ldos-type-caption-size);
  line-height: var(--ldos-type-caption-leading);
}

.ldos-typography [data-typography="card-title"] {
  font-size: var(--ldos-type-size-base);
  font-weight: var(--ldos-type-weight-medium);
  line-height: var(--ldos-type-leading-6);
}

.ldos-typography [data-typography="control"] {
  font-size: var(--ldos-type-control-size);
  line-height: var(--ldos-type-control-leading);
}

.ldos-typography :is(.ldos-type-reading, [data-typography="reading"]) {
  max-width: var(--ldos-type-reading-measure);
}

