:root {
    /*--- colors ---*/
    --fc-color-source: #04694b;
    --fc-color-linear-gradient: linear-gradient(90deg, #04694B 0%, #009568 100%);
    --fc-color-blue: #1795B5;
    --fc-color-blue-transparent: #E4F5F9;
    /* color primary */
    --fc-color-primary: #006c4d;
    --fc-color-green-transparent: #D4ECE6;
    --fc-color-text: #2B312C;
    --fc-color-text-secondary: #8B939C;
    --fc-color-positive: #178D6A;
    --fc-color-primary-rgb: 0, 108, 77;
    --fc-color-on-primary: #ffffff;
    --fc-color-on-primary-rgb: 255, 255, 255;
    --fc-color-primary-container: #D4ECE6;
    --fc-color-on-primary-container: #002115;
    /* color secondary */
    --fc-color-secondary: #7e9689;
    --fc-color-secondary-two: #178D6A;
    --fc-color-on-secondary: #ffffff;
    --fc-color-secondary-container: #e8f0f6;
    --fc-color-on-secondary-container: #092016;
    /* color tertiary */
    --fc-color-tertiary: #7096a8;
    --fc-color-on-tertiary: #ffffff;
    --fc-color-tertiary-container: #c1e8fc;
    --fc-color-on-tertiary-container: #001f29;
    /* color error */
    --fc-color-error: #C64545;
    --fc-color-on-error: #ffffff;
    --f-c-toast-bg: #F6F8FA;
    --f-c-error-toast-bg: #FCEEEE;
    --f-c-warning-toast-bg: #FBECE7;
    --f-c-positive-toast-bg: #D4ECE6;
    --fc-color-error-container: #ffdad6;
    --fc-color-on-error-container: #410002;
    /* color warning */
    --fc-color-warning: #F47F4D;

    --fc-color-background: #F9FAFB;
    --fc-color-on-background: #000000;
    --fc-color-on-background-rgb: 0, 0, 0;

    --fc-color-surface: #ffffff;
    --fc-color-surface-rgb: 255, 255, 255;
    --fc-color-on-surface: #000000;
    --fc-color-on-surface-rgb: 0, 0, 0;

    --fc-color-outline: #707973;
    --fc-color-outline-variant: #bfc9c2;
    --fc-color-surface-variant: #dbe5dd;
    --fc-color-on-surface-variant: #404944;
    --fc-color-on-surface-variant-rgb: 64, 73, 68;

    --fc-color-text-regular: #2B312C;
    --fc-color-text-secondary: #8B939C;
    --fc-color-text-disabled: #BEC2C9;
    --fc-color-text-placeholder: #A0A0A0;
    --fc-color-background-disabled: #F2F4F6;

    /*--- form elements ---*/
    --fc-color-input-border: #B9BEC8;
    --fc-btn-secondary-border: #B2B8C2;

    /*--- fc-btn-ui ---*/
    --fc-btn-primary-bg: #178D6A;
    --fc-btn-primary-hover-bg: #007652;
    --fc-btn-ui-disabled-bg: #F2F4F6;
    --fc-btn-ui-disabled-color: #BEC2C9;
    --fc-btn-ui-height: 2.857rem;
    --fc-btn-ui-font-weight: 600;
    --fc-btn-ui-font-size: 1rem;
    --fc-btn-ui-padding: 0 2rem;
    --fc-btn-ui-border-radius: 4px;
    --fc-input-border-radius: 8px;
    --fc-select-border-radius: 8px;
    --fc-btn-ui-line-height: normal;
    --fc-btn-ui-font-style: normal;
    --fc-btn-ui-letter-spacing: 0.00em;
    --fc-btn-ui-text-decoration: none;
    --fc-btn-ui-white-space: nowrap;

    /*--- typography ---*/
    /* headline - small */
    --fc-type-headline-small-font-weight: 400;
    --fc-type-headline-small-font-size: 24px;
    --fc-type-headline-small-line-height: 32px;
    --fc-type-headline-small-letter-spacing: 0px;
    /* body large */
    --fc-type-body-large-font-size: 16px;
    --fc-type-body-large-font-weight: 400;
    --fc-type-body-large-line-height: 24px;
    --fc-type-body-large-letter-spacing: 0.5px;
    /* body medium */
    --fc-type-body-medium-font-size: 14px;
    --fc-type-body-medium-font-weight: 400;
    --fc-type-body-medium-line-height: 20px;
    --fc-type-body-medium-letter-spacing: 0.25px;
    /* body small */
    --fc-type-body-small-font-size: 12px;
    --fc-type-body-small-font-weight: 400;
    --fc-type-body-small-line-height: 16px;
    --fc-type-body-small-letter-spacing: 0.4px;

    /* label large */
    --fc-type-label-large-font-weight: 500px;
    --fc-type-label-large-font-size: 14px;
    --fc-type-label-large-line-height: 20px;
    --fc-type-label-large-letter-spacing: 0.10px;
    /* label medium */
    --fc-type-label-medium-font-weight: 500px;
    --fc-type-label-medium-font-size: 12px;
    --fc-type-label-medium-line-height: 16px;
    --fc-type-label-medium-letter-spacing: 0.50px;
    /* label small */
    --fc-type-label-small-font-weight: 500px;
    --fc-type-label-small-font-size: 11px;
    --fc-type-label-small-line-height: 16px;
    --fc-type-label-small-letter-spacing: 0.50px;

    /* title large */
    --fc-type-title-large-font-size: 22px;
    --fc-type-title-large-font-weight: 400;
    --fc-type-title-large-line-height: 28px;
    --fc-type-title-large-letter-spacing: 0px;
    /* title medium */
    --fc-type-title-medium-font-size: 16px;
    --fc-type-title-medium-font-weight: 500;
    --fc-type-title-medium-line-height: 24px;
    --fc-type-title-medium-letter-spacing: 0.15px;
    /* title small */
    --fc-type-title-small-font-size: 14px;
    --fc-type-title-small-font-weight: 500;
    --fc-type-title-small-line-height: 20px;
    --fc-type-title-small-letter-spacing: 0.1px;


    /*--- states ---*/
    --fc-state-hover-opacity: 0.08;
    --fc-state-focused-opacity: 0.12;
    --fc-state-pressed-opacity: 0.12;
    --fc-state-disabled-container-opacity: 0.12;
    --fc-state-disabled-content-opacity: 0.38;

    /*--- motion ---*/
    --fc-motion-duration-medium: 300ms;
    --fc-motion-easing-standard: 0.2, 0, 0, 1;
    --fc-motion-default-transition: var(--fc-motion-duration-medium) cubic-bezier(var(--fc-motion-easing-standard));
}