/* Aniyab UI typography — Style Guide (desktop / DanaFaNum) */

.ay-display-2xl,
.ay-display-xl,
.ay-display-lg,
.ay-display-md,
.ay-display-sm,
.ay-text-xl,
.ay-text-xl-bold,
.ay-text-lg,
.ay-text-lg-bold,
.ay-text-md,
.ay-text-md-bold,
.ay-text-sm,
.ay-text-sm-bold {
  font-family: var(--ay-font-family);
  color: var(--ay-text-title);
  margin: 0;
}

.ay-display-2xl {
  font-size: var(--ay-type-display-2xl-size);
  line-height: var(--ay-type-display-2xl-line);
  font-weight: var(--ay-type-display-2xl-weight);
}

.ay-display-xl {
  font-size: var(--ay-type-display-xl-size);
  line-height: var(--ay-type-display-xl-line);
  font-weight: var(--ay-type-display-xl-weight);
}

.ay-display-lg {
  font-size: var(--ay-type-display-lg-size);
  line-height: var(--ay-type-display-lg-line);
  font-weight: var(--ay-type-display-lg-weight);
}

.ay-display-md {
  font-size: var(--ay-type-display-md-size);
  line-height: var(--ay-type-display-md-line);
  font-weight: var(--ay-type-display-md-weight);
}

.ay-display-sm {
  font-size: var(--ay-type-display-sm-size);
  line-height: var(--ay-type-display-sm-line);
  font-weight: var(--ay-type-display-sm-weight);
}

.ay-text-xl {
  font-size: var(--ay-type-text-xl-size);
  line-height: var(--ay-type-text-xl-line);
  font-weight: var(--ay-type-text-xl-weight);
}

.ay-text-xl-bold {
  font-size: var(--ay-type-text-xl-size);
  line-height: var(--ay-type-text-xl-line);
  font-weight: var(--ay-type-text-xl-bold-weight);
}

.ay-text-lg {
  font-size: var(--ay-type-text-lg-size);
  line-height: var(--ay-type-text-lg-line);
  font-weight: var(--ay-type-text-lg-weight);
}

.ay-text-lg-bold {
  font-size: var(--ay-type-text-lg-size);
  line-height: var(--ay-type-text-lg-line);
  font-weight: var(--ay-type-text-lg-bold-weight);
}

.ay-text-md {
  font-size: var(--ay-type-text-md-size);
  line-height: var(--ay-type-text-md-line);
  font-weight: var(--ay-type-text-md-weight);
}

.ay-text-md-bold {
  font-size: var(--ay-type-text-md-size);
  line-height: var(--ay-type-text-md-line);
  font-weight: var(--ay-type-text-md-bold-weight);
}

.ay-text-sm {
  font-size: var(--ay-type-text-sm-size);
  line-height: var(--ay-type-text-sm-line);
  font-weight: var(--ay-type-text-sm-weight);
}

.ay-text-sm-bold {
  font-size: var(--ay-type-text-sm-size);
  line-height: var(--ay-type-text-sm-line);
  font-weight: var(--ay-type-text-sm-bold-weight);
}

/* Elevation helpers */
.ay-elevation-sm { box-shadow: var(--ay-elevation-sm); }
.ay-elevation-md { box-shadow: var(--ay-elevation-md); }
.ay-elevation-lg { box-shadow: var(--ay-elevation-lg); }
.ay-elevation-active {
  border: 2px solid var(--ay-border-active);
  box-shadow: var(--ay-elevation-active);
}

.ay-border-light { border: 2px solid var(--ay-border-light); }
.ay-border-dark { border: 2px solid var(--ay-border-dark); }

/* Logo */
.ay-logo {
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
}

.ay-logo--lg {
  width: var(--ay-logo-lg);
  height: var(--ay-logo-lg);
}

.ay-logo--md {
  width: var(--ay-logo-md);
  height: var(--ay-logo-md);
}

.ay-logo--sm {
  width: var(--ay-logo-sm);
  height: var(--ay-logo-sm);
}