/* Light Mode */
:root {
    --bg-color: #FFFFFF;
    --surface-color: #F8F9FA;
    --text-color: #212529;
    --primary-color: #0D6EFD;
}

/* Dark Mode */
[data-bs-theme="dark"] {
    --bg-color: #121212;
    --surface-color: #1E1E1E;
    --text-color: #E0E0E0;
    --primary-color: #589BFF;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.hero {
    background-color: var(--surface-color);
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#result {
    background-color: var(--surface-color);
    border-radius: .25rem;
    padding: 1rem;
    margin-top: 1rem;
    display: none;
}