/* Design tokens that do not change between themes: type, radius, spacing, layout.
   Colours live in themes/*.css. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root {
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-display: Manrope, 'DM Sans', system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;

  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 15px;

  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 15px;

  --sidebar-width: 234px;
  --content-max: 1530px;
  --control-height: 38px;
}