:root {
    --background: #1b1d22;
    --surface-card: #1F2937;
    --hover: #374151;
    --primary: #8B5CF6;
    --secondary: #A78BFA;
    --text: #F9FAFB;
    --success: #22C55E;
    --secondary-text: #9CA3AF;
    --error: #EF4444;
}

html, body {
    font-family: Roboto, sans-serif;
    height: 100%;
    margin: 0;
}

.navbar {
    height: 70px;
    background-color: var(--surface-card);
    border-bottom: 2px solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 20px;

    border: 1px solid var(--primary);
}

body {
    background-color: var(--background);
}
l
h1 {
    color: var(--text);
    font-size: 50px;
    text-align: center;
}