:root {
    --background-color: var(--black-50);
    --on-backgroud-color: var(--black-0);
    --input-border-color: var(--black-300);
    --input-border-filter: var(--black-300-filter) !important;
    --input-color: var(--black-0);

    --on-background-button: var(--black-100);
    --on-background-input: var(--black-0);


    --accent-light-background-color: var(--blue-50);
    --on-accent-light-background-color: var(--blue-500);

    --accent-color: var(--blue-500);
    --accent-hover-color: var(--blue-400);


    --primary-text-color: var(--black-958);
    --secondary-text-color: var(--black-600);
    --light-text-color: var(--black-400);
    --on-accent-text-color: var(--black-0);
    --on-accent-text-filter: var(--black-0-filter);
    --on-accent-light-text-color: var(--black-0);

    --primary-text-filter: var(--black-958-filter);
    --secondary-text-filter: var(--black-400-filter);
    --on-accent-light-text-filter: var(--black-0-filter);
    --on-accent-filter: var(--black-0-filter);
    --on-accent-light-background-filter: var(--blue-500-filter);

    --green-light-background-color: var(--green-100);
    --green-light-text-color: var(--green-600);
    --green-light-text-filter: var(--green-700-filter);

    --ai-background-color: #e6f4ff !important;
    --ai-light-text-color: #1677ff !important;
    --ai-light-text-fitler: invert(33%) sepia(91%) saturate(3582%) hue-rotate(211deg) brightness(108%) contrast(102%);

    --red-light-background-color: var(--red-100);
    --red-light-text-color: var(--red-600);
    --red-light-text-filter: var(--red-600-filter);

    --yellow-light-background-color: var(--yellow-100);
    --yellow-light-text-color: var(--yellow-700);
    --yellow-light-text-filter: var(--yellow-700-filter);
}