/* Yaaleh Design System - typography.
   Source: YaalehDev/Comercial, branch homolog1404.
   Letter spacing is kept non-negative for Workflow layout stability. */

:root {
  --font-family-heading: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-10: 10px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  --font-size-48: 48px;
  --font-size-64: 64px;
  --font-size-72: 72px;
  --font-size-96: 96px;
  --line-height-tight: 120%;
  --line-height-regular: 140%;
  --letter-spacing-none: 0;
  --letter-spacing-tight: 0;
  --letter-spacing-wide: 0.48px;
}

.ds-page,
.ds-typography {
  color: var(--text-neutral-on-primary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-16);
  line-height: var(--line-height-regular);
}

.ds-heading-h4-light,
.text-heading-h4-light {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-none);
}

.ds-heading-h5-bold,
.text-heading-h5-bold {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-tight);
}

.ds-heading-h6-bold,
.text-heading-h6-bold {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-tight);
}

.ds-body-large-strong,
.text-body-large-strong {
  font-family: var(--font-family-body);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-regular);
}

.ds-body-regular,
.text-body-regular-base {
  font-family: var(--font-family-body);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-regular);
}

.ds-body-small,
.text-body-small-base {
  font-family: var(--font-family-body);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-regular);
}

.ds-caption,
.text-caption-label {
  font-family: var(--font-family-body);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-regular);
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}