/*
 * Visma Universal Design tokens that are not colours - typography, spacing, radius and control
 * heights. Values are copied verbatim from Visma.UI.Blazor/wwwroot/css/vud-utilities.css in the
 * BlazorLibrary repo; only the :root block is taken, because that file's 200-odd utility classes
 * would collide with the Bootstrap ones this app already uses.
 *
 * Colours live in vud-colors.css, which is a straight copy of the library's own file. Keeping
 * both as separate files means a future update to Visma.UI.Blazor can be picked up by replacing
 * them rather than by editing rules.
 */

:root {
  --font-family-primary: "Inter", sans-serif;
  --font-family-secondary: "Inter", sans-serif;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;

  --font-size-2xl: clamp(1.38rem, calc(0.64vw + 1.23rem), 2.00rem);
  --font-size-xl: clamp(1.25rem, calc(0.38vw + 1.16rem), 1.63rem);
  --font-size-lg: clamp(1.19rem, calc(0.13vw + 1.16rem), 1.31rem);
  --font-size-md: clamp(1.06rem, calc(0.00vw + 1.06rem), 1.06rem);

  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --rounded-sm: 8px;

  --height-6: 1.5rem;
  --height-7: 2rem;
  --height-8: 2.5rem;
  --height-9: 3rem;
  --height-10: 3.5rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;

  /* App-specific: header cells and rows in the library's table are both 40px tall. */
  --vud-row-height: 40px;

  /* The library's Inter stack has no fallback; this app is public-facing, so it keeps one in
     case the webfont request is blocked. Segoe UI is close enough in metrics not to reflow. */
  --font-family-primary-fallback: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
}