:root {
    --lime-50: #f7ffe6;
    --lime-100: #eaffbf;
    --lime-200: #dbff99;
    --lime-300: #c4ff66;
    --lime-400: #adf740;
    --lime-500: #97d700;
    --lime-600: #7bb300;
    --lime-700: #5e8a00;
    --lime-800: #456600;
    --lime-900: #2d4300;

    --white: #ffffff;
    --black: #000000;

    --grey-25: #fafafa;
    --grey-50: #f5f5f5;
    --grey-100: #e5e5e5;
    --grey-200: #b0b1b3;
    --grey-300: #8c8e90;
    --grey-400: #76787b;
    --grey-500: #54565a;
    --grey-600: #4c4e52;
    --grey-700: #3c3d40;
    --grey-800: #2e2f32;
    --grey-900: #232426;

    --red-50: #feebef;
    --red-100: #fcc1cc;
    --red-200: #faa3b4;
    --red-300: #f87892;
    --red-400: #f75e7d;
    --red-500: #f5365c;
    --red-600: #df3154;
    --red-700: #ae2641;
    --red-800: #871e33;
    --red-900: #671727;

    --orange-50: #fff1e6;
    --orange-100: #ffd4b0;
    --orange-200: #ffbf8a;
    --orange-300: #ffa154;
    --orange-400: #ff8f33;
    --orange-500: #ff7300;
    --orange-600: #e86900;
    --orange-700: #b55200;
    --orange-800: #8c3f00;
    --orange-900: #6b3000;

    --green-50: #eafaf3;
    --green-100: #bef0da;
    --green-200: #9ee8c9;
    --green-300: #72deb0;
    --green-400: #57d8a1;
    --green-500: #2dce89;
    --green-600: #29bb7d;
    --green-700: #209261;
    --green-800: #19714b;
    --green-900: #13573a;

    --brand-primary: var(--lime-500);
    --brand-secondary: var(--grey-500);

    --logo-fill: var(--grey-500);
    --logo-fill-slash: var(--lime-500);

    --bg-base: var(--grey-25);
    --bg-accent: var(--white);
    --bg-primary: var(--lime-500);
    --bg-primary-soft: var(--lime-200);
    --bg-primary-softer: var(--lime-100);
    --bg-grey-soft: var(--grey-100);
    --bg-grey-softer: var(--grey-50);
    --bg-error-soft: var(--red-200);
    --bg-warning-soft: var(--orange-200);
    --bg-success-soft: var(--green-200);

    --fg-base: var(--grey-500);
    --fg-accent: var(--grey-900);
    --fg-brand: var(--lime-500);
    --fg-primary: var(--lime-500);
    --fg-secondary: var(--grey-500);
    --fg-soft: var(--grey-400);
    --fg-softer: var(--grey-300);
    --fg-inverse: var(--white);
    --fg-error: var(--red-500);
    --fg-warning: var(--orange-500);
    --fg-success: var(--green-500);
    --fg-disabled: var(--grey--200);

    --hr-wellcome: var(--grey-100);

    --ol--focus: var(--black);

    --bg-button-primary-filled: var(--lime-500);
    --fg-button-primary-filled: var(--white);
    --bd-button-primary-filled: var(--lime-500);
    --bg-button-primary-filled--hover: var(--lime-600);
    --fg-button-primary-filled--hover: var(--white);
    --bd-button-primary-filled--hover: var(--lime-600);
    --bg-button-primary-filled--focus: var(--lime-500);
    --fg-button-primary-filled--focus: var(--white);
    --bd-button-primary-filled--focus: var(--lime-500);
    --ol-button-primary-filled--focus: var(--black);

    --bg-button-primary-outlined: transparent;
    --fg-button-primary-outlined: var(--lime-500);
    --bd-button-primary-outlined: var(--lime-500);
    --bg-button-primary-outlined--hover: var(--lime-100);
    --fg-button-primary-outlined--hover: var(--lime-600);
    --bd-button-primary-outlined--hover: var(--lime-600);
    --bg-button-primary-outlined--focus: transparent;
    --fg-button-primary-outlined--focus: var(--lime-500);
    --bd-button-primary-outlined--focus: var(--lime-500);
    --ol-button-primary-outlined--focus: var(--black);

    --bg-button-primary-ghost: transparent;
    --fg-button-primary-ghost: var(--lime-500);
    --bd-button-primary-ghost: transparent;
    --bg-button-primary-ghost--hover: var(--lime-100);
    --fg-button-primary-ghost--hover: var(--lime-500);
    --bd-button-primary-ghost--hover: var(--lime-100);
    --bg-button-primary-ghost--focus: var(--lime-100);
    --fg-button-primary-ghost--focus: var(--lime-500);
    --bd-button-primary-ghost--focus: var(--lime-100);
    --ol-button-primary-ghost--focus: var(--black);

    --bg-button-warning-outlined: transparent;
    --fg-button-warning-outlined: var(--orange-500);
    --bd-button-warning-outlined: var(--orange-500);
    --bg-button-warning-outlined--hover: var(--orange-100);
    --fg-button-warning-outlined--hover: var(--orange-600);
    --bd-button-warning-outlined--hover: var(--orange-600);
    --bg-button-warning-outlined--focus: transparent;
    --fg-button-warning-outlined--focus: var(--orange-500);
    --bd-button-warning-outlined--focus: var(--orange-500);

    --bg-button-danger-outlined: transparent;
    --fg-button-danger-outlined: var(--red-500);
    --bd-button-danger-outlined: var(--red-500);
    --bg-button-danger-outlined--hover: var(--red-100);
    --fg-button-danger-outlined--hover: var(--red-600);
    --bd-button-danger-outlined--hover: var(--red-600);
    --bg-button-danger-outlined--focus: transparent;
    --fg-button-danger-outlined--focus: var(--red-500);
    --bd-button-danger-outlined--focus: var(--red-500);

    --fg-badge-primary: var(--grey-500);
    --bt-badge-primary: var(--grey-500);
    --bg-badge-primary: transparent;
    --bd-badge-primary: var(--lime-200);
    --fg-badge-primary--hover: var(--grey-500);
    --bt-badge-primary--hover: var(--lime-500);
    --bg-badge-primary--hover: transparent;
    --bd-badge-primary--hover: var(--lime-500);

    --fg-badge-success: var(--grey-500);
    --bt-badge-success: var(--grey-500);
    --bg-badge-success: transparent;
    --bd-badge-success: var(--green-200);
    --fg-badge-success--hover: var(--grey-500);
    --bt-badge-success--hover: var(--green-500);
    --bg-badge-success--hover: transparent;
    --bd-badge-success--hover: var(--green-500);

    --fg-badge-warning: var(--grey-500);
    --bt-badge-warning: var(--grey-500);
    --bg-badge-warning: transparent;
    --bd-badge-warning: var(--orange-200);
    --fg-badge-warning--hover: var(--grey-500);
    --bt-badge-warning--hover: var(--orange-500);
    --bg-badge-warning--hover: transparent;
    --bd-badge-warning--hover: var(--orange-500);

    --fg-badge-error: var(--grey-500);
    --bt-badge-error: var(--grey-500);
    --bg-badge-error: transparent;
    --bd-badge-error: var(--red-200);
    --fg-badge-error--hover: var(--grey-500);
    --bt-badge-error--hover: var(--red-500);
    --bg-badge-error--hover: transparent;
    --bd-badge-error--hover: var(--red-500);

    --bg-sidebar: var(--white);
    --bd-sidebar: var(--lime-500);

    --bg-navitem: transparent;
    --fg-navitem: var(--grey-500);
    --bg-navitem--hover: var(--lime-100);
    --fg-navitem--hover: var(--grey-900);
    --bg-navitem--selected: var(--lime-500);
    --fg-navitem--selected: var(--grey-900);

    --bd-submenu: var(--grey-300);

    --bg-avatar: var(--lime-50);
    --fg-avatar: var(--lime-500);
    --bg-avatar--hover: var(--lime-500);
    --fg-avatar--hover: var(--white);
    --bg-avatar--focus: var(--lime-600);
    --fg-avatar--focus: var(--lime-50);
    --ol-avatar--focus: var(--black);

    --bg-control-filled: var(--grey-50);
    --fg-control-filled: var(--grey-500);
    --bd-control-filled: var(--grey-100);
    --fg-control--error: var(--red-500);
    --bd-control--error: var(--red-500);
    --ol-control--focus: var(--black);

    --bg-option--hover: var(--lime-200);
    --fg-option--hover: var(--grey-800);
    --bg-option--active: var(--lime-500);
    --fg-option--active: var(--white);

    --bg-check: var(--grey-100);
    --fg-check: var(--grey-100);
    --bd-check: var(--grey-100);
    --bg-check--checked: var(--lime-500);
    --fg-check--checked: var(--white);
    --bd-check--checked: var(--lime-500);
    --bg-check--error: var(--white);

    --bg-radio: var(--grey-100);
    --dot-radio: var(--grey-100);
    --bd-radio: var(--grey-100);
    --bg-radio--checked: var(--white);
    --dot-radio--checked: var(--lime-500);
    --bd-radio--checked: var(--lime-500);
    --bg-radio--error: var(--white);

    --bg-switch: var(--grey-100);
    --dot-switch: var(--white);
    --bd-switch: var(--grey-100);
    --bg-switch--checked: var(--lime-500);
    --dot-switch--checked: var(--white);
    --bd-switch--checked: var(--lime-500);

    --hr-line: var(--grey-100);

    --bg-table-heading: var(--grey-50);
    --fg-table-heading: var(--grey-500);
    --bd-table-heading: var(--grey-100);
    --bg-table-body: var(--white);
    --fg-table-body: var(--grey-500);
    --bd-table-body: var(--grey-100);
    --bg-table-row--hover: var(--lime-50);

    --bg-tooltip: var(--grey-900);
    --fg-tooltip: var(--white);

    --bg-datepicker: var(--white);
    --bd-datepicker: var(--grey-100);
    --sh-datepicker: 0px 0px 0px 4px rgba(0, 0, 0, 0.05);
    --fg-datepicker-dayweek: var(--grey-500);
    --bg-datepicker-day: var(--white);
    --bd-datepicker-day: var(--white);
    --fg-datepicker-day: var(--grey-500);
    --bg-datepicker-day--today: var(--grey-100);
    --bd-datepicker-day--today: var(--grey-100);
    --fg-datepicker-day--today: var(--grey-500);
    --bg-datepicker-day--hover: var(--grey-50);
    --bd-datepicker-day--hover: var(--grey-50);
    --fg-datepicker-day--hover: var(--grey-900);
    --bg-datepicker-day--inrange: var(--lime-100);
    --bd-datepicker-day--inrange: var(--lime-100);
    --fg-datepicker-day--inrange: var(--grey-900);
    --fg-datepicker-day--inrange--hover: var(--lime-700);
    --bg-datepicker-day--range: var(--lime-300);
    --bd-datepicker-day--range: var(--lime-300);
    --fg-datepicker-day--range: var(--grey-900);
    --bg-datepicker-day--selected: var(--lime-300);
    --bd-datepicker-day--selected: var(--lime-300);
    --fg-datepicker-day--selected: var(--grey-900);
    --fg-datepicker-day--selected--hover: var(--lime-300);

    --bg-modal: var(--white);
    --bd-modal: var(--grey-200);
    --fg-modal: var(--lime-500);
    --fg-modal-close: var(--grey-300);
    --fg-modal-close--hover: var(--lime-500);

    --bg-spinner: var(--grey-100);
    --fg-spinner: var(--lime-500);

    --stroke-neutral: var(--grey-100);
    --stroke-primary: var(--lime-500);

    --ff-base: "Inter", sans-serif;
    --ff-heading: "Montserrat", sans-serif;
}

.logo {
    fill: var(--logo-fill);
}
.logo-slash {
    fill: var(--logo-fill-slash);
}
.logo--inverse {
    fill: var(--white);
}