:root {
    --active-brightness: 0.85;
    --border-radius: 5px;
    --box-shadow: 2px 2px 10px;
    --color-accent: #d93f0015;
    --color-bg: #fff;
    --color-bg-secondary: #eee;
    --color-link: #a4032b;
    --color-link-secondary: #4e8429;
    --color-secondary: #4e8429;
    --color-secondary-accent: #4e84290b;
    --color-shadow: #f4f4f4;
    --color-table: var(--color-link);
    --color-tag: #aaa;
    --color-text: #282828;
    --color-text-secondary: #333;
    --color-valid: #6ec207;
    --color-invalid: #e6e62b;
    --color-grey: #ccc;
    --color-error-bg: #f8d7da;
    --color-error-border: #f5c2c7;
    --color-error-text: #842029;
    --color-success-bg: #d4edda;
    --color-success-border: #c3e6cb;
    --color-success-text: #155724;
    --color-info-bg: #e8f4fd;
    --color-info-border: #b6d9f7;
    --color-info-text: #0c3d5e;
    --color-warning-bg: #FFEB55;
    --color-warning-border: #e6d100;
    --color-warning-text: #000;
    --color-loader-bg: rgba(255, 255, 255, 0.8);
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --hover-brightness: 1.2;
    --justify-important: center;
    --justify-normal: left;
    --line-height: 1.5;
    --width-card: 300px;
    --width-card-medium: 550px;
    --width-card-wide: 800px;
    --width-content: 1240px;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-accent: #d93f004f;
        --color-bg: #000610;
        --color-bg-secondary: #555;
        --color-link: #d93f00;
        --color-link-secondary: #4e8429;
        --color-secondary: #4e8429;
        --color-secondary-accent: #4e84294f;
        --color-shadow: #bbbbbb20;
        --color-table: var(--color-link);
        --color-tag: #333;
        --color-text: #dcdcdc;
        --color-text-secondary: #aaa;
        --color-error-bg: #58151c;
        --color-error-border: #842029;
        --color-error-text: #f8d7da;
        --color-success-bg: #0f3a1c;
        --color-success-border: #155724;
        --color-success-text: #d4edda;
        --color-info-bg: #0a2a3d;
        --color-info-border: #1a5f8a;
        --color-info-text: #b6d9f7;
        --color-warning-bg: #3d3400;
        --color-warning-border: #7a6a00;
        --color-warning-text: #FFEB55;
        --color-loader-bg: rgba(0, 0, 0, 0.6);
    }