.tr-root {
  /* Logo-derived green: palette.json's #247C48 midpoint and #0C3928 shade.
     The bright #50DA7B logo highlight is decorative, not a text/button fill. */
  --tr-brand: #247c48; --tr-brand-hover: #185c35; --tr-brand-deep: #0c3928;
  --tr-brand-soft: #edf7f0;
  --tr-ink: #2b3a44; --tr-muted: #52645a; --tr-canvas: #f5f8f5;
  --tr-surface: #ffffff; --tr-border: #d3e2d7; --tr-control-border: #7b9282;
  --tr-focus: var(--tr-brand-hover);
  --tr-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tr-radius: 12px; --tr-control-radius: 8px;
  --tr-space-1: 4px; --tr-space-2: 8px; --tr-space-3: 12px;
  --tr-space-4: 16px; --tr-space-5: 24px; --tr-space-6: 32px; --tr-space-7: 48px;
  --tr-title-size: clamp(1.8rem, 3.3vw, 2.5rem);
}
.tr-root {
  --tr-warning: #775000; --tr-warning-soft: #fff4d9;
  --tr-success: var(--tr-brand-hover); --tr-success-soft: var(--tr-brand-soft);
  --tr-error: #9a2932; --tr-error-soft: #fff0f1;
  --tr-chart-1: var(--tr-brand); --tr-chart-2: var(--tr-brand-deep); --tr-chart-3: #4c945f;
  --tr-chart-4: #185c35; --tr-chart-5: #527c5f; --tr-chart-6: #699175;
  /* Qivi's top-right light source, adapted to TrengR's logo-green palette. */
  --tr-header-background: radial-gradient(120% 140% at 88% 8%, var(--tr-surface) 0%, var(--tr-brand-soft) 100%);
  --tr-brand-gradient: radial-gradient(120% 140% at 88% 8%, var(--tr-brand) 0%, var(--tr-brand-hover) 42%, var(--tr-brand-deep) 100%);
  --tr-shadow: 0 10px 32px #0c392818;
  --tr-dialog-shadow: 0 12px 60px #0c392833;
  --tr-backdrop: #0c392880;
  --tr-chart-empty: #ededed;
  --tr-body-size: 1rem; --tr-label-size: .875rem; --tr-caption-size: .75rem;
  --tr-section-size: 1.25rem; --tr-number-size: 2.5rem;
  --tr-touch-size: 44px; --tr-pill-radius: 999px;
}