:root {
    --c-black: #3A3335;
    --c-gray: #D8D8D8;
    --c-dark-gray: #908E8E;
    --c-white: #FFFFFF;
    --c-primary: #456D44;
    --c-primary-dark: #345233;
    --c-primary-light: #C7D3C7;
    --c-secondary: #F0536D;
    --c-secondary-dark: #B43E52;
    --c-secondary-light: #FBCBD3;
    --c-secondary-gray: #F8F7F8;
    --c-success: #2AC084;
    --c-pending: #FDF0D5;
    --c-failed: #EB5F56;
    --c-accent-green: #C6D8D3;
    --c-primary-opacity: #ECF0EC;
    --c-green: #219653;

    --c-secondary-gray-darker: #f3edf3;
    --c-dark-gray-darker: #9b9595;
    --c-primary-opacity-darker: #e6e7e6;
}

@font-face {
    font-family: InterRegular;
    src: url('../fonts/Inter-Regular.otf');
    font-weight: 400;
}

@font-face {
    font-family: InterMedium;
    src: url('../fonts/Inter-Medium.otf');
    font-weight: 500;
}

@font-face {
    font-family: InterBold;
    src: url('../fonts/Inter-Bold.otf');
    font-weight: 700;
}

@font-face {
    font-family: InterExtraBold;
    src: url('../fonts/Inter-ExtraBold.otf');
    font-weight: 900;
}

@font-face {
    font-family: InterSemiBold;
    src: url('../fonts/Inter-SemiBold.otf');
    font-weight: 600;
}