@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Google+Sans+Code:ital,wght,MONO@0,300..800,1;1,300..800,1&display=swap');

:root {
  --ws-font-family: 'Google Sans Flex', system-ui, sans-serif;

  --ws-typography-headline-large: 700 32px / 40px var(--ws-font-family);
  --ws-typography-headline-medium: 700 28px / 36px var(--ws-font-family);
  --ws-typography-title-large: 700 22px / 28px var(--ws-font-family);
  --ws-typography-title-medium: 600 18px / 24px var(--ws-font-family);
  --ws-typography-body-large: 400 16px / 24px var(--ws-font-family);
  --ws-typography-body-medium: 400 14px / 20px var(--ws-font-family);
  --ws-typography-label-large: 600 14px / 20px var(--ws-font-family);
  --ws-typography-label-medium: 600 12px / 16px var(--ws-font-family);
  --ws-typography-label-small: 500 11px / 16px var(--ws-font-family);

  --ws-code-font-family: 'Google Sans Code', ui-monospace, SFMono-Regular, Menlo,
    Consolas, monospace;
  --ws-typography-code: 400 13px / 22px var(--ws-code-font-family);
}

:root,
.ws-theme {
  font-family: var(--ws-font-family);
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: 'slnt' 0, 'wdth' 100, 'GRAD' 0, 'ROND' 0;
}