/* -------------------------------------------
 * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 * Typography Design Tokens
 * ------------------------------------------- */

:root {
  --global-font-weight-1: 400px;
  --global-font-weight-2: 500px;
  --global-font-weight-3: 600px;
  --global-font-weight-4: 700px;
  --global-font-size-1: 12px;
  --global-font-size-2: 14px;
  --global-font-size-3: 16px;
  --global-font-size-4: 18px;
  --global-font-size-5: 20px;
  --global-font-size-6: 24px;
  --global-font-size-7: 28px;
  --global-font-size-8: 32px;
  --font-family-body: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
  --font-family-heading: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';

  /* HACK: these below are manually overriden */
  --font-size-body: var(--global-font-size-2);
  --font-size-body-sm: var(--global-font-size-1);
  --font-size-body-lg: var(--global-font-size-3);
  --font-size-heading-xs: var(--global-font-size-2);
  --font-size-heading-sm: clamp(1rem, 1.1667rem + -0.1852vw, 1.125rem);
  --font-size-heading-md: var(--global-font-size-4);
  --font-size-heading-lg: clamp(1.25rem, 1.1667rem + 0.3704vw, 1.5rem);
  --font-size-heading-xl: clamp(1.5rem, 1.3333rem + 0.7407vw, 2rem);
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}

:root.visualrefresh {
  --global-font-weight-1: 400px;
  --global-font-weight-2: 500px;
  --global-font-weight-3: 600px;
  --global-font-weight-4: 700px;
  --global-font-size-1: 12px;
  --global-font-size-2: 14px;
  --global-font-size-3: 16px;
  --global-font-size-4: 18px;
  --global-font-size-5: 20px;
  --global-font-size-6: 24px;
  --global-font-size-7: 28px;
  --global-font-size-8: 32px;
  --font-family-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
  --font-family-heading: Stolzl, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
  --font-size-body: clamp(0.875rem, 1.0417rem + -0.1852vw, 1rem);
  --font-size-body-sm: clamp(0.75rem, 0.9167rem + -0.1852vw, 0.875rem);
  --font-size-body-lg: clamp(1rem, 1.1667rem + -0.1852vw, 1.125rem);
  --font-size-heading-xs: clamp(0.875rem, 1.0417rem + -0.1852vw, 1rem);
  --font-size-heading-sm: clamp(1rem, 1.1667rem + -0.1852vw, 1.125rem);
  --font-size-heading-md: var(--global-font-size-4);
  --font-size-heading-lg: var(--global-font-size-5);
  --font-size-heading-xl: clamp(1.5rem, 1.4167rem + 0.3704vw, 1.75rem);
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}