@theme inline {
  --color-cyan-60: var(--ga-color-cyan-60);
  --color-cyan-70: var(--ga-color-cyan-70);
  --color-cyan-80: var(--ga-color-cyan-80);
  --color-cyan-90: var(--ga-color-cyan-90);
  --color-blue-10: var(--ga-color-blue-10);
  --color-blue-40: var(--ga-color-blue-40);
  --color-blue-60: var(--ga-color-blue-60);
  --color-green-10: var(--ga-color-green-10);
  --color-green-40: var(--ga-color-green-40);
  --color-green-60: var(--ga-color-green-60);
  --color-grey-10: var(--ga-color-grey-10);
  --color-grey-40: var(--ga-color-grey-40);
  --color-indigo-10: var(--ga-color-indigo-10);
  --color-indigo-40: var(--ga-color-indigo-40);
  --color-lime-10: var(--ga-color-lime-10);
  --color-lime-40: var(--ga-color-lime-40);
  --color-neutral: var(--ga-color-neutral);
  --color-neutral-10: var(--ga-color-neutral-10);
  --color-neutral-20: var(--ga-color-neutral-20);
  --color-neutral-30: var(--ga-color-neutral-30);
  --color-neutral-60: var(--ga-color-neutral-60);
  --color-orange-10: var(--ga-color-orange-10);
  --color-orange-20: var(--ga-color-orange-20);
  --color-orange-30: var(--ga-color-orange-30);
  --color-orange-40: var(--ga-color-orange-40);
  --color-orange-60: var(--ga-color-orange-60);
  --color-pink-10: var(--ga-color-pink-10);
  --color-pink-40: var(--ga-color-pink-40);
  --color-purple-10: var(--ga-color-purple-10);
  --color-purple-40: var(--ga-color-purple-40);
  --color-red-10: var(--ga-color-red-10);
  --color-red-40: var(--ga-color-red-40);
  --color-red-60: var(--ga-color-red-60);
  --color-rose-10: var(--ga-color-rose-10);
  --color-rose-40: var(--ga-color-rose-40);
  --color-teal-10: var(--ga-color-teal-10);
  --color-teal-20: var(--ga-color-teal-20);
  --color-teal-30: var(--ga-color-teal-30);
  --color-teal-40: var(--ga-color-teal-40);
  --color-teal-50: var(--ga-color-teal-50);
  --color-teal-60: var(--ga-color-teal-60);
  --color-teal-70: var(--ga-color-teal-70);
  --color-teal-80: var(--ga-color-teal-80);
  --color-teal-90: var(--ga-color-teal-90);
  --color-teal-100: var(--ga-color-teal-100);
  --color-black: #000;
  --color-white: #fff;

  --font-inter: Inter, ui-sans-serif, system-ui, sans-serif;
  /* fix for Chrome */
  --font-inter--font-feature-settings: 'liga' 1, 'calt' 1;
  --default-font-family: var(--font-inter);

  --text-xs: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
  --text-xs--line-height: calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  );
  --text-xs--letter-spacing: calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  );

  --text-sm: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
  --text-sm--line-height: calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  );
  --text-sm--letter-spacing: 0;

  --text-md: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
  --text-md--line-height: calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  );
  --text-md--letter-spacing: calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  );

  --text-lg: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
  --text-lg--line-height: calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  );
  --text-lg--letter-spacing: calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  );

  --text-xl: calc(
    var(--ga-text-xl-font-size) * var(--ga-base-scaling-factor, 1)
  );
  --text-xl--line-height: calc(
    var(--ga-text-xl-line-height) * var(--ga-base-scaling-factor, 1)
  );
  --text-xl--letter-spacing: calc(
    var(--ga-text-xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
  );

  --text-2xl: calc(
    var(--ga-text-2xl-font-size) * var(--ga-base-scaling-factor, 1)
  );
  --text-2xl--line-height: calc(
    var(--ga-text-2xl-line-height) * var(--ga-base-scaling-factor, 1)
  );
  --text-2xl--letter-spacing: calc(
    var(--ga-text-2xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
  );

  --text-3xl: calc(
    var(--ga-text-3xl-font-size) * var(--ga-base-scaling-factor, 1)
  );
  --text-3xl--line-height: calc(
    var(--ga-text-3xl-line-height) * var(--ga-base-scaling-factor, 1)
  );
  --text-3xl--letter-spacing: calc(
    var(--ga-text-3xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
  );

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --radius: var(--ga-radius);
  --radius-sharp: calc(
    var(--ga-radius-sharp) * var(--ga-base-scaling-factor, 1)
  );

  --shadow-north: var(--ga-shadow-north);
  --shadow-south: var(--ga-shadow-south);
  --shadow-east: var(--ga-shadow-east);
  --shadow-west: var(--ga-shadow-west);

  --spacing: calc(0.25rem * var(--ga-base-scaling-factor, 1));

  --breakpoint-xs: 20rem; /* 320px */
  --breakpoint-s: 48rem; /* 768px */
  --breakpoint-m: 90rem; /* 1440px */
  --breakpoint-l: 120rem; /* 1920px */
}
