/* Escala tipográfica compartilhada por todas as interfaces LUMEN. */
.lumen-ui {
  --lumen-type-caption: 13px;
  --lumen-type-eyebrow: 12px;
  --lumen-type-label: 14px;
  --lumen-type-body: 14px;
  --lumen-type-card-copy: 15px;
  --lumen-type-control: 15px;
  --lumen-type-subtitle: 16px;
  --lumen-type-section: 20px;
  --lumen-control-height: 48px;
  --lumen-click-target: 44px;
}
@media (max-width: 700px) {
  .lumen-ui {
    --lumen-type-body: 15px;
    --lumen-type-control: 16px;
    --lumen-control-height: 50px;
  }
}
.lumen-ui main small{font-size:max(var(--lumen-type-caption),.78em)!important;line-height:1.42}
.lumen-ui main :where(label,dt,.eyebrow,.pill){font-size:max(var(--lumen-type-caption),.74em)}
.lumen-ui main :where(input,select,textarea,button){font-size:max(var(--lumen-type-control),.86em)}
.lumen-ui main :where(.panel-head p,.muted-text,.form-note,.empty-state p){font-size:var(--lumen-type-body);line-height:1.5}

/* A skin Solar fornece cores; tamanhos funcionais vêm desta escala. */
body.lumen-next :is(.eyebrow,.architecture-step,.assessment-instrument-label){font-size:var(--lumen-type-eyebrow)!important;line-height:1.35;letter-spacing:.085em}
body.lumen-next :is(.panel,.metric-card,.architecture-module-card,.active-search-command-card,.parent-child-card,.ped-live-class) p{font-size:var(--lumen-type-card-copy);line-height:1.55}
body.lumen-next :is(.panel,.metric-card,.architecture-module-card,.active-search-command-card,.parent-child-card,.ped-live-class) small,
body.lumen-next :is(.pill,.badge,[class*="-badge"]){font-size:var(--lumen-type-caption);line-height:1.4}
body.lumen-next :is(label,.field-label,th){font-size:var(--lumen-type-label)}
body.lumen-next :is(input,select,textarea,button,.button){font-size:var(--lumen-type-control)}
body.lumen-next main small{font-size:var(--lumen-type-caption)!important;line-height:1.4}