:root {
    --primary: #3b82f6;
    --primary-dark: #2563eb;
    --secondary: #f59e0b;
    --dark: #f8fafc;
    --light: #1f2937;
    --gray: #9ca3af;
    --success: #10b981;
    --shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    --radius: 8px;
    --bg-color: #111827;
    --text-color: #f8fafc;
    --card-bg: #1f2937;
    --footer-bg: #030712;
    --footer-text: #f8fafc;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

.card, .feature-card, .subject-card, .link-card {
    background-color: var(--card-bg);
    box-shadow: var(--shadow);
    border: 1px solid #374151;
}

footer {
    background-color: var(--footer-bg);
    color: var(--footer-text);
}


input, textarea, select {
    background-color: #374151;
    color: var(--text-color);
    border: 1px solid #4b5563;
}

.btn-secondary {
    background-color: transparent;
    border: 2px solid var(--primary);
    color: var(--primary);
}