/* Inurofication v2 Pass 16: UI Typography Foundation.
   Canonical values sourced from existing UI components, not canvas typography.
   Standard: Studio left rail menu; H1: Content Library; H2: Treatments;
   Shoulder: Content Library / Background Options cyan eyebrow.
   Keep typography semantics separate from button hover/selected styling. */
:root {
  --inuro-ui-font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --inuro-ui-text-size: 12px;
  --inuro-ui-text-weight: 500;
  --inuro-ui-text-line: 1;
  --inuro-ui-text-color: #fff;
  --inuro-ui-h1-size: 18px;
  --inuro-ui-h1-line: 1.2;
  --inuro-ui-h1-weight: 700;
  --inuro-ui-h2-size: 12px;
  --inuro-ui-h2-line: 1.2;
  --inuro-ui-h2-weight: 700;
  --inuro-ui-h2-tracking: .11em;
  --inuro-ui-shoulder-size: 10px;
  --inuro-ui-shoulder-line: 1.2;
  --inuro-ui-shoulder-weight: 800;
  --inuro-ui-shoulder-tracking: .12em;
  --inuro-ui-shoulder-color: var(--inuro-cyan, #31d9e6);
}
/* Libraries: reuse the actual Content Library title structure and measurements. */
body:not(.studio-home) .content-library-head h2,
body:not(.studio-home) .special-library-head h2 {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h1-size);
  font-weight: var(--inuro-ui-h1-weight);
  color: var(--inuro-ui-text-color);
  line-height: var(--inuro-ui-h1-line);
  margin: 2px 0 0;
}
body:not(.studio-home) .content-library-kicker {
  display: block;
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-shoulder-size);
  font-weight: var(--inuro-ui-shoulder-weight);
  letter-spacing: var(--inuro-ui-shoulder-tracking);
  line-height: var(--inuro-ui-shoulder-line);
  color: var(--inuro-ui-shoulder-color);
}
body:not(.studio-home) .inuro-treatment-sidebar-title {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h2-size);
  font-weight: var(--inuro-ui-h2-weight);
  letter-spacing: var(--inuro-ui-h2-tracking);
  line-height: var(--inuro-ui-h2-line);
  color: var(--inuro-ui-text-color);
}
/* Reuse sidebar text values across standard navigation without touching icons. */
body:not(.studio-home) .studio-tool-rail .studio-tool-label,
body.studio-home .pm-nav-btn > span:not(.nav-icon):not(.count),
body.studio-home .pm-folder-btn .folder-name {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-text-size);
  font-weight: var(--inuro-ui-text-weight);
  line-height: var(--inuro-ui-text-line);
}
/* Home's section titles should not use a separate cyan headline palette. */
body.studio-home .pm-title h2 {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h1-size) !important;
  font-weight: var(--inuro-ui-h1-weight);
  color: var(--inuro-ui-text-color) !important;
}
body.studio-home .pm-section-heading h3 {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h2-size);
  font-weight: var(--inuro-ui-h2-weight);
  color: var(--inuro-ui-text-color) !important;
}

/* Pass 16.1: Existing panel/dialog headings consume the same canonical tokens.
   Narrow selectors intentionally protect canvas text, icon glyphs, input values,
   special numeric displays, and component-specific interactive states. */
body:not(.studio-home) #objectOptionsBody .inuro-options-heading,
body:not(.studio-home) .inuro-treatment-sidebar-title {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h2-size);
  font-weight: var(--inuro-ui-h2-weight);
  line-height: var(--inuro-ui-h2-line);
  color: var(--inuro-ui-text-color);
}
body.studio-home #accountModal h2,
body.studio-home #settingsModal h2 {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-h1-size) !important;
  font-weight: var(--inuro-ui-h1-weight) !important;
  line-height: var(--inuro-ui-h1-line);
  color: var(--inuro-ui-text-color) !important;
}
body.studio-home #accountModal .account-tab,
body.studio-home #settingsModal .settings-tab {
  font-family: var(--inuro-ui-font);
  font-size: var(--inuro-ui-text-size);
  font-weight: var(--inuro-ui-text-weight);
}