:root {
    --primary: #0343ff;
    --background: #0B0F1A;
    --foreground: #E2E8F0;
    --card: #1A1F2E;
    --muted: #2D3748;
    --border: #2D3748;
}

body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: 'JetBrains Mono', monospace;
}

.card {
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    padding: 1.5rem;
}

.btn-primary {
    background-color: var(--primary);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
}

.btn-primary:hover {
    opacity: 0.9;
}

.text-gradient {
    background: linear-gradient(to right, #0343ff, #5E81FF);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}