/*
 * ABX Steward design tokens — the single source of colors, type and radii.
 * Every page loads this file first; feature stylesheets alias these values
 * instead of declaring their own hex colors.
 */
:root {
  /* Brand */
  --color-accent: #17635a;
  --color-accent-strong: #114c45;
  --color-accent-soft: #e6f1ed;
  --color-accent-ring: #8cc7b9;

  /* Surfaces and text */
  --color-bg: #f5f7f4;
  --color-surface: #ffffff;
  --color-surface-muted: #f8faf8;
  --color-ink: #1f2f29;
  --color-muted: #5f6f67;
  --color-line: #dce5df;
  --color-line-strong: #c7d4cc;

  /* Status: always paired with a text label or symbol, never color alone */
  --status-ok: #2f7d4f;
  --status-ok-bg: #e5f3ea;
  --status-warn: #8f5a10;
  --status-warn-bg: #fdf1dc;
  --status-crit: #b23a2b;
  --status-crit-bg: #fbe7e3;
  --status-info: #2e6f9e;
  --status-info-bg: #e3eef7;
  --status-unknown: #66706b;
  --status-unknown-bg: #eef1ef;

  /* Chart series */
  --series-drug: #2e6f9e;
  --series-drug-bg: #dcebf6;
  --series-lab: #17635a;
  --series-culture: #b23a2b;
  --series-reference: #e8f0eb;
  --series-grid: #e4ebe6;

  /* Type */
  --font-sans: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic",
    "Noto Sans KR", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 26px;

  /* Shape and spacing */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow-pop: 0 6px 24px rgb(24 59 36 / 14%);
  --header-height: 64px;
}

.num,
td.num,
.metric-value {
  font-variant-numeric: tabular-nums;
}