:root {
    --wco-font-family: 'Figtree', sans-serif;
    --wco-color-primary-text: #fcfcfc;
    --wco-color-primary-50: #fff0e4;
    --wco-color-primary-100: #ffb578;
    --wco-color-primary-300: #ff8826;
    --wco-color-primary-500: #fa780c;
    --wco-color-primary-600: #bf5600;
    --wco-color-primary-700: #8f4000;
    --wco-color-primary-900: #301600;
    --wco-color-secondary-text: #fcfcfc;
    --wco-color-secondary-50: #ecdff0;
    --wco-color-secondary-100: #c69ed3;
    --wco-color-secondary-300: #aa6ebc;
    --wco-color-secondary-500: #a05eb5;
    --wco-color-secondary-600: #844597;
    --wco-color-secondary-700: #633471;
    --wco-color-secondary-900: #42234b;
    --wco-color-neutral-50: #FCFCFC;
    --wco-color-neutral-100: #E9EBEC;
    --wco-color-neutral-300: #C3C8CC;
    --wco-color-neutral-500: #8D9399;
    --wco-color-neutral-600: #6D747A;
    --wco-color-neutral-700: #50555A;
    --wco-color-neutral-900: #080809;
    --wco-color-bg: #EEEBEF;
    --wco-color-panel: #FCFCFC;
    --wco-color-success-50: #DAFFE2;
    --wco-color-success-100: #A1E5B0;
    --wco-color-success-300: #43BF5E;
    --wco-color-success-500: #008C1F;
    --wco-color-success-600: #007019;
    --wco-color-success-700: #005413;
    --wco-color-success-900: #00380C;
    --wco-color-warning-50: #FEF7EB;
    --wco-color-warning-100: #FCE6C4;
    --wco-color-warning-300: #F8BD63;
    --wco-color-warning-500: #F6AC3C;
    --wco-color-warning-600: #B06D08;
    --wco-color-warning-700: #754905;
    --wco-color-warning-900: #3B2403;
    --wco-color-danger-50: #FEE4E4;
    --wco-color-danger-100: #FC9393;
    --wco-color-danger-300: #F94242;
    --wco-color-danger-500: #E00707;
    --wco-color-danger-600: #9D0505;
    --wco-color-danger-700: #700404;
    --wco-color-danger-900: #430202;
    --wco-color-info-50: #E8F1FB;
    --wco-color-info-100: #BBD5F4;
    --wco-color-info-300: #5F9EE6;
    --wco-color-info-500: #2072D1;
    --wco-color-info-600: #175296;
    --wco-color-info-700: #103A6B;
    --wco-color-info-900: #0A2340;
    --wco-font-size-xxxs: 12px;
    --wco-font-size-xxs: 14px;
    --wco-font-size-xs: 16px;
    --wco-font-size-sm: 18px;
    --wco-font-size-md: 20px;
    --wco-font-size-lg: 24px;
    --wco-font-size-xl: 32px;
    --wco-font-size-xxl: 36px;
    --wco-font-size-xxxl: 48px;
    --wco-font-size-huge: 64px;
    --wco-spacing-none: 0px;
    --wco-spacing-quark: 4px;
    --wco-spacing-nano: 8px;
    --wco-spacing-xxxs: 12px;
    --wco-spacing-xxs: 16px;
    --wco-spacing-xs: 24px;
    --wco-spacing-sm: 32px;
    --wco-spacing-md: 40px;
    --wco-spacing-lg: 48px;
    --wco-spacing-xl: 56px;
    --wco-spacing-xxl: 64px;
    --wco-spacing-xxxl: 80px;
    --wco-spacing-huge: 120px;
    --wco-font-lineheight-tight: 100%;
    --wco-font-lineheight-500: 150%;
    --wco-font-lineheight-distant: 170%;
    --wco-font-lineheight-super-distant: 180%;
    --wco-font-lineheight-faraway: 200%;
    --wco-font-weight-300: 300;
    --wco-font-weight-regular: 400;
    --wco-font-weight-500: 500;
    --wco-font-weight-bold: 700;
    --wco-font-weight-black: 900;
    --wco-radius-none: 0px;
    --wco-radius-sm: 4px;
    --wco-radius-md: 8px;
    --wco-radius-lg: 24px;
    --wco-radius-pill: 500px;
    --wco-radius-circular: 50%;
    --wco-borderwidth-none: 0px;
    --wco-borderwidth-hairline: 0.5px;
    --wco-borderwidth-thin: 1px;
    --wco-borderwidth-thick: 2px;
    --wco-opacity-semi-transparent: 16%;
    --wco-opacity-100: 20%;
    --wco-opacity-500: 32%;
    --wco-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    --wco-shadow-level-1: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);
    --wco-shadow-level-2: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
    --wco-shadow-level-3: 0px 16px 32px rgba(0, 0, 0, 0.2);
    --wco-iconography-size-xxs: 16px;
    --wco-iconography-size-xs: 20px;
    --wco-iconography-size-sm: 24px;
    --wco-iconography-size-md: 28px;
    --wco-iconography-size-lg: 32px;
    --wco-iconography-size-xl: 48px;
    --wco-iconography-size-xxl: 64px;
}