/* AUTO-GENERATED from tokens/*.tokens.json. DO NOT EDIT. */
:root {
  --muvi-primary: #8C2C9B;
  --muvi-primary-dark1: #772583;
  --muvi-primary-dark2: #5D266E;
  --muvi-primary-light1: #BB80C4;
  --muvi-primary-light2: #D1AAD7;
  --muvi-primary-light3: #F3DEF7;
  --muvi-secondary: #05DAF8;
  --muvi-secondary-dark1: #04C3DC;
  --muvi-secondary-light1: #5FE9FC;
  --muvi-secondary-light2: #9BF2FD;
  --muvi-secondary-light3: #C4F6FD;
  --muvi-secondary-on-light: #026877;
  --muvi-tertiary: #E0004D;
  --muvi-tertiary-light: #FDE2EA;
  --muvi-tertiary-on-light: #A80039;
  --muvi-grey-0: #F1F2F5;
  --muvi-grey-10: #E9ECEF;
  --muvi-grey-20: #DEE2E6;
  --muvi-grey-30: #BFC7CE;
  --muvi-grey-40: #9EA6AE;
  --muvi-grey-50: #808589;
  --muvi-grey-60: #525457;
  --muvi-grey-70: #343A40;
  --muvi-grey-80: #212529;
  --muvi-grey-90: #070708;
  --muvi-white: #FFFFFF;
  --muvi-grey-light: #CCCCCC;
  --muvi-green: #009A44;
  --muvi-green-light: #D2FAE4;
  --muvi-navy: #004B87;
  --muvi-red: #E14851;
  --muvi-yellow: #FFA300;
  --muvi-orange: #F05E17;
  --muvi-orange-light: #FFE0CB;
  --muvi-green-on-light: #0A6B33;
  --muvi-orange-on-light: #7A3A00;
  --muvi-red-on-light: #A1333A;
  --muvi-radius-tiny: 6px;
  --muvi-radius-sm: 8px;
  --muvi-radius-smd: 12px;
  --muvi-radius-md: 16px;
  --muvi-radius-card: 20px;
  --muvi-radius-lg: 24px;
  --muvi-spacing-xs: 4px;
  --muvi-spacing-sm: 8px;
  --muvi-spacing-md: 16px;
  --muvi-spacing-lg: 24px;
  --muvi-spacing-xl: 32px;
  --muvi-spacing-2xl: 40px;
  --muvi-spacing-3xl: 48px;
  --muvi-font-regular: 'co-head-line-corp-regular';
  --muvi-font-light: 'co-head-line-corp-Light';
  --muvi-font-bold: 'co-head-line-corp-bold';
}