/*
 * Lenapp density system
 * Single source of truth for responsive UI density across all app shells.
 */

:root {
  --lenapp-density-base-font-size: 16px;
  --lenapp-density-scale: 1;
}

html[data-density-profile] {
  font-size: calc(var(--lenapp-density-base-font-size) * var(--lenapp-density-scale));
}

html[data-density-profile] body {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* App profile tuned for workflow-heavy daily usage. */
@media (max-width: 430px) {
  html[data-density-profile="app"] {
    --lenapp-density-scale: 0.7;
  }
}

@media (min-width: 431px) and (max-width: 767px) {
  html[data-density-profile="app"] {
    --lenapp-density-scale: 0.74;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  html[data-density-profile="app"] {
    --lenapp-density-scale: 0.8;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  html[data-density-profile="app"] {
    --lenapp-density-scale: 0.86;
  }
}

@media (min-width: 1440px) {
  html[data-density-profile="app"] {
    --lenapp-density-scale: 0.9;
  }
}