html[data-theme='dark'] {
    --bg-primary: #030712;
    --bg-secondary: #111827;
    --bg-card: #1f2937;
    --text-primary: #f9fafb;
    --text-secondary: #9ca3af;
    --border-color: #374151;
    --accent-blue: #3b82f6;
    --accent-blue-hover: #2563eb;
    --shadow-color: rgba(59, 130, 246, 0.1);
    --shadow-color-hover: rgba(59, 130, 246, 0.2);
}

body {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
    padding-top: 80px;
}

html[data-theme='dark'] .gradient-text {
        background: linear-gradient(90deg, #60a5fa, #2563eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}