:root {
    /*--- colors ---*/
    --fc-color-source: #04694b;
    --fc-color-blue: #1795B5;
    --fc-color-blue-transparent: #E4F5F9;
    /* color primary */
    --fc-color-primary: #006c4d;
    --fc-color-text: #2B312C;
    --fc-color-primary-rgb: 0, 108, 77;
    --fc-color-on-primary: #ffffff;
    --fc-color-on-primary-rgb: 255, 255, 255;
    --fc-color-primary-container: #88f8c8;
    --fc-color-on-primary-container: #002115;
    /* color secondary */
    --fc-color-secondary: #7e9689;
    --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: #ba1a1a;
    --fc-color-on-error: #ffffff;
    --fc-color-error-container: #ffdad6;
    --fc-color-on-error-container: #410002;
    /* color warning */
    --fc-color-warning: #f9ab00;

    --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;

    /*--- 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;
}