html {
    --color-font: #00044b;
    --color-background: #eef1fa;
    --color-border-primary: #eef1fa;
    --color-primary: #00044b;

    --color-font-secondary: #00044b;
    --color-background-secondary: #f5f5f5;
    --color-border-secondary: #f5f5f5;
    --color-secondary: #007bff;

    --color-accent-assistant: rgb(249, 249, 249);
    --color-font-assistant: inherit;

    --color-accent-user: #e8ebfa;
    --color-font-user: inherit;

    --color-header: white;
    --color-font-header: var(--color-primary);
    --color-subheader: var(--color-primary);
    --color-font-subheader: white;

    --color-background-question: white;
    --color-font-answer: rgb(50, 49, 48);

    --image-grayscale: 0;
    --image-opacity: 100%;
}

html.dark {
    --color-font: #e8ebfa;
    --color-background: #1e1e1e;
    --color-border-primary: white;
    --color-primary: #007bff;

    --color-font-secondary: #red;
    --color-background-secondary: #2a2a2a;
    --color-border-secondary: #eee;
    --color-secondary: #00044b;

    --color-accent-assistant: #2a2a2a;
    --color-font-assistant: #e8ebfa;

    --color-accent-user: #3a3a3a;
    --color-font-user: #e8ebfa;

    --color-header: var(--color-secondary);
    --color-font-header: var(--color-primary);
    --color-subheader: var(--color-primary);
    --color-font-subheader: var(--color-secondary);

    --color-background-question: #2a2a2a;
    --color-font-answer: #e8ebfa;

    --image-grayscale: 50%;
    --image-opacity: 90%;
}