:root {
    /* Custom color scheme */
    --color-text: #000;
    --color-text-light: #000;
    --color-text-muted: #000;
    --color-background: #fafafa;
    --color-background-alt: #f7fafc;
    --color-border: #e2e8f0;
    --color-border-light: #edf2f7;
    --color-link: #3182ce;
    --color-link-hover: #2c5282;
    --color-accent: #4299e1;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-text: #f7fafc;
        --color-text-light: #e2e8f0;
        --color-text-muted: #a0aec0;
        --color-background: #1a202c;
        --color-background-alt: #2d3748;
        --color-border: #4a5568;
        --color-border-light: #2d3748;
        --color-link: #63b3ed;
        --color-link-hover: #90cdf4;
        --color-accent: #4299e1;
    }
}