html.dark {
    --primary-bg: #000000;
    --secondary-bg: #000000;
    --primary-text: #ffffff;
    --secondary-text: #a0aec0;
    --border-color: #1a1a1a;
    --link-color: #63b3ed;
    --link-hover: #90cdf4;
}

html.dark body {
    background-color: var(--primary-bg);
    color: var(--primary-text);
}

/* Removed the specific tailwind class overrides because they break custom dark utilities */

html.dark a {
    color: var(--link-color);
}

html.dark a:hover {
    color: var(--link-hover);
}