/* Fluid type scale — tighter UI on dense panels (dock, layers, sidebar) */
:root {
  --dd-text-2xs: clamp(0.62rem, 0.58rem + 0.12vw, 0.68rem);
  --dd-text-xs: clamp(0.68rem, 0.64rem + 0.15vw, 0.75rem);
  --dd-text-sm: clamp(0.74rem, 0.7rem + 0.18vw, 0.82rem);
  --dd-text-base: clamp(0.8rem, 0.76rem + 0.22vw, 0.88rem);
  --dd-text-md: clamp(0.86rem, 0.82rem + 0.28vw, 0.94rem);
  --dd-text-lg: clamp(0.95rem, 0.9rem + 0.35vw, 1.05rem);
  --dd-text-xl: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  --dd-text-2xl: clamp(1.28rem, 1.1rem + 0.8vw, 1.75rem);
  --dd-ui-density: 1;
}

html {
  font-size: clamp(14px, 13px + 0.2vw, 16px);
}

body {
  font-size: var(--dd-text-base);
}

.sidebar-nav-item,
.sidebar-nav-label,
.layers-panel-title,
.dock-group-label,
.sidebar-submenu a,
.layer-name,
.layer-name-btn {
  font-size: var(--dd-text-sm);
}

.hint,
.sidebar-note,
.field-media-card-sub,
.dock-zoom-readout,
.canvas-scale-hint {
  font-size: var(--dd-text-xs);
}

.topbar h1 {
  font-size: var(--dd-text-2xl);
}

.sidebar-section h2,
.field-drawer-header h2 {
  font-size: var(--dd-text-xs);
  letter-spacing: 0.07em;
}