@charset "UTF-8";

:root {
    --color-bg: #0f1115;
    --color-container-bg: #171a21;
    --color-text: #eceff4;
    --color-text-muted: #a0a7b4;
    --color-border: #343a46;
    --color-accent: #e06c75;
    --color-accent-hover: #f19aa0;
    --color-link: #e06c75;
    --color-link-hover: #f19aa0;
    --color-btn-bg: #e06c75;
    --color-btn-text: #0f1115;
    --color-btn-hover-bg: #eceff4;
    --color-btn-hover-text: #0f1115;
    --color-success: #449948;
    --color-success-border: #347637;
    --color-info: #4293d4;
    --color-info-border: #2a79b9;
    --color-warning: #dd952b;
    --color-warning-border: #b8791d;
    --color-error: #ef5350;
    --color-error-border: #eb2521;
    --color-debug: #76828c;
    --color-debug-border: #5e6871;
    --color-fact: var(--color-success);
    --color-fact-bg: color-mix(in srgb, var(--color-fact) 16%, var(--color-container-bg));
    --color-conjecture: var(--color-warning);
    --color-conjecture-bg: color-mix(in srgb, var(--color-conjecture) 16%, var(--color-container-bg));
    --color-opinion: var(--color-info);
    --color-opinion-bg: color-mix(in srgb, var(--color-opinion) 16%, var(--color-container-bg));
}

@media (prefers-color-scheme: light) {
    :root {
        --color-bg: #ccc;
        --color-container-bg: #fff;
        --color-text: #1a1a1a;
        --color-text-muted: #666;
        --color-border: #ddd;
        --color-accent: #c62828;
        --color-accent-hover: #861b1b;
        --color-link: #c62828;
        --color-link-hover: #861b1b;
        --color-btn-bg: #c62828;
        --color-btn-text: #fff;
        --color-btn-hover-bg: #1a1a1a;
        --color-btn-hover-text: #fff;
        --color-success: #2e7d32;
        --color-success-border: #205823;
        --color-info: #1565c0;
        --color-info-border: #104d92;
        --color-warning: #e65100;
        --color-warning-border: #b33f00;
        --color-error: #c62828;
        --color-error-border: #9c1f1f;
        --color-debug: #546e7a;
        --color-debug-border: #3f535c;
    }
}