:root {
    --branded-color: #00bfa5;
    --primary-button-background: #00bfa5;
    --primary-button-text: #14181a;
    --secondary-button-boarder: #00bfa5;
    --secondary-button-text: #14181a;
    --link-color: #006bb8;
    --error-color: #f44336;
    --text-dark: #14181A;
    --text-medium: #5D6A74;
    --filled-input-bg: #e7ecf0;
    --filled-input-bg-focused: #d0dae2;
    --filled-text-color: rgba(0, 0, 0, 0.87);
    --filled-text-color-focused: rgba(0, 0, 0, 0.87);
}

body {
    color: var(--text-medium);
}

.primary-button {
    background-color: var(--primary-button-background);
    color: var(--primary-button-text);
    border-style: none;
    border-color: var(--primary-button-background);
}

.secondary-button {
    color: var(--secondary-button-text);
    border-color: var(--branded-color);
    background-color: #fff ;
    border-style: solid ;
}

.disabled-button {
    background-color: #ccd6dd ;
    color: var(--text-medium);
    border-style: solid ;
}

.branding-color {
    color:var(--branded-color);
}

.branded-fill {
    fill: var(--branded-color);
}

.branded-disabled-fill {
    fill: gray;
}

.form-message-info {
    background: var(--branded-color);
}

.onboarding .branded-svg .MuiSvgIcon-root {
    fill: var(--branded-color);
}