:root {
  /* Font Sizes */
  --report-font-xs: 12px;
  --report-font-sm: 14px;
  --report-font-md: 16px;
  --report-font-lg: 18px;
  --report-font-xl: 20px;
  --report-font-2xl: 22px;
  --report-font-3xl: 24px;
  --report-font-4xl: 28px;
  --report-font-5xl: 32px;
  --report-font-6xl: 40px;
  --report-font-7xl: 48px;

  /* Spacing */
  --report-space-3xs: 4px;
  --report-space-2xs: 6px;
  --report-space-xs: 8px;
  --report-space-sm: 10px;
  --report-space-md: 12px;
  --report-space-lg: 16px;
  --report-space-xl: 20px;
  --report-space-2xl: 24px;
  --report-space-3xl: 25px;
  --report-space-4xl: 28px;
  --report-space-5xl: 32px;
  --report-space-6xl: 40px;
  --report-space-7xl: 60px;

  /* Line Heights */
  --report-leading-tight: 1.2;
  --report-leading-normal: 1.4;
  --report-leading-relaxed: 1.5;
  --report-leading-loose: 1.6;

  /* Border Radius */
  --report-radius-sm: 4px;
  --report-radius-md: 6px;
  --report-radius-lg: 8px;

  /* Container Widths */
  --report-container-md: 720px;
  --report-container-lg: 900px;
}

@media print {
  :root {
    /* Same values, px → pt */
    --report-font-xs: 12pt;
    --report-font-sm: 14pt;
    --report-font-md: 16pt;
    --report-font-lg: 18pt;
    --report-font-xl: 20pt;
    --report-font-2xl: 22pt;
    --report-font-3xl: 26pt;
    --report-font-4xl: 28pt;
    --report-font-5xl: 32pt;
    --report-font-6xl: 40pt;
    --report-font-7xl: 48pt;

    --report-space-3xs: 4pt;
    --report-space-2xs: 6pt;
    --report-space-xs: 8pt;
    --report-space-sm: 10pt;
    --report-space-md: 12pt;
    --report-space-lg: 16pt;
    --report-space-xl: 20pt;
    --report-space-2xl: 24pt;
    --report-space-3xl: 25pt;
    --report-space-4xl: 28pt;
    --report-space-5xl: 32pt;
    --report-space-6xl: 40pt;
    --report-space-7xl: 60pt;
  }
}