/* Self-hosted Inter web font — delivered by the app so the brand font renders
   identically on every device (Windows/iOS/Android) instead of falling back to
   each OS's system-ui. Mirrors the Radzen theme's RobotoFlex @font-face pattern.
   url() resolves relative to this CSS file, so it is BasePath-independent. */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/InterVariable.woff2') format('woff2 supports variations'),
       url('../fonts/InterVariable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Typography semantic tokens */
:root {
  --dp-font-size-xs: 0.6875rem; /* 11px */
  --dp-font-size-12: 0.75rem;   /* 12px - added token */
  --dp-font-size-sm: 0.8125rem; /* 13px */
  --dp-font-size-md: 0.875rem;  /* 14px */
  --dp-font-size-lg: 1rem;      /* 16px */
  --dp-font-size-xl: 1.125rem;  /* 18px */
  --dp-font-size-xxl: 1.5rem;   /* 24px */

  --dp-line-height-tight: 1.2;
  --dp-line-height-base: 1.4;
  --dp-line-height-relaxed: 1.6;
}