/*
 * Hux DIN numeral layer v34
 * D-DIN Condensed is restricted to numeric glyphs and numeric punctuation,
 * allowing the existing Chinese and Latin typography to remain unchanged.
 */

@font-face {
  font-family: "Hux DIN Digits";
  src: url("./assets/fonts/D-DINCondensed-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0025, U+002B-003A, U+00B7, U+00D7, U+FF05, U+FF0B-FF1A;
}

@font-face {
  font-family: "Hux DIN Digits";
  src: url("./assets/fonts/D-DINCondensed-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0025, U+002B-003A, U+00B7, U+00D7, U+FF05, U+FF0B-FF1A;
}

@font-face {
  font-family: "Hux DIN Digits";
  src: url("./assets/fonts/D-DINCondensed-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0025, U+002B-003A, U+00B7, U+00D7, U+FF05, U+FF0B-FF1A;
}

@font-face {
  font-family: "Hux DIN Digits";
  src: url("./assets/fonts/D-DINCondensed-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0025, U+002B-003A, U+00B7, U+00D7, U+FF05, U+FF0B-FF1A;
}

@font-face {
  font-family: "Hux DIN Digits";
  src: url("./assets/fonts/D-DINCondensed-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0025, U+002B-003A, U+00B7, U+00D7, U+FF05, U+FF0B-FF1A;
}

:root {
  --font-din-numerals: "Hux DIN Digits";
  --font-body: var(--font-din-numerals), "Montserrat", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-heading: var(--font-din-numerals), "Instrument Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: var(--font-din-numerals), "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

body {
  font-family: var(--font-body);
  font-synthesis-weight: none;
}

/* Numeric UI that previously declared a standalone condensed or mono face. */
.dashboard-metrics strong,
.nav-count,
.view-count,
.pill-count,
.category-total,
.sheet-index,
.workflow-instructions li > span,
.workflow-step-number,
.workflow-rail-index,
.workflow-toc-number,
.workflow-rail-title > span,
.workflow-rail-footer span:last-child,
.workflow-article-footer code,
.vertical-process-label,
.intake-type-code,
.mcp-option-code,
.mcp-progress span,
.mcp-step-heading > div > span,
.mcp-journey-grid li > span,
.mcp-wizard-estimate,
.portal-system-flow li > span,
.portal-contribute-flow li > span,
.portal-use-steps li > span,
.quickstart li::before,
time,
code,
pre {
  font-family: var(--font-mono);
  font-synthesis-weight: none;
}

:where(
  .dashboard-metrics strong,
  .nav-count,
  .view-count,
  .pill-count,
  .category-total,
  .sheet-index,
  .workflow-step-number,
  .workflow-rail-index,
  .workflow-toc-number,
  .intake-type-code,
  .mcp-option-code,
  .mcp-progress span
) {
  font-variant-numeric: lining-nums tabular-nums;
}

.dashboard-metrics strong {
  font-family: var(--font-din-numerals), "Arial Narrow", Inter, sans-serif;
  letter-spacing: 0.01em;
}