/*
 * The landing page's named scale — spacing, radii, type sizes — defined once
 * so landing.css never repeats a bare pixel value (015 FR-010). It is the
 * static page's counterpart of lib/core/constant/app_dimensions.dart; only the
 * steps the page actually uses are listed. Colors are not here: they come from
 * the generated brand-tokens.css.
 */
:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-60: 60px;
  --space-72: 72px;
  --space-90: 90px;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-xl: 32px;

  /* The dashboard mock-up is a miniature, so it has its own small steps. */
  --font-size-mock-2xs: 8px;
  --font-size-mock-xs: 9px;
  --font-size-mock-sm: 10px;
  --font-size-mock-md: 12px;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-md: 13px;
  --font-size-base: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 36px;
  --font-size-4xl: 42px;
  --font-size-hero: clamp(44px, 4.7vw, 68px);

  --content-max-width: 1200px;
  --header-height: 110px;
  --header-height-narrow: 86px;
}