/**
 * Krome design tokens — unified 16px body text at 100% browser zoom.
 * html uses 62.5% so legacy rem spacing (10px scale) in master.css is preserved.
 */
:root {
  --krome-text-xs: 0.75rem;
  --krome-text-sm: 0.875rem;
  --krome-text-base: 1rem;
  --krome-text-lg: 1.125rem;
  --krome-text-xl: 1.25rem;
  --krome-text-2xl: 1.5rem;
  --krome-text-3xl: 1.875rem;
  --krome-leading: 1.5;
  --krome-leading-relaxed: 1.7;
  --krome-page-title: 1.875em;
  --krome-page-bg: #f4f4f5;
  --krome-panel-bg: #ffffff;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-size: 1.6rem;
  line-height: var(--krome-leading);
}