:root {
    --bs-font-sans-serif: 'Ubuntu', sans-serif;
    --bg: #14171C;
    --surface: #1E222A;
    --surface-elevated: #252A33;
    --text-primary: #E9ECEF;
    --text-secondary: #C7CDD6;
    --text-muted: #9AA3AE;
    --accent: #E5532D;
    --accent-hover: #FF6A3D;
    --accent-subtle: rgba(229, 83, 45, 0.18);
    --accent-focus: rgba(229, 83, 45, 0.45);
    --border-default: rgba(233, 236, 239, 0.10);
    --divider: rgba(233, 236, 239, 0.06);
    --nav-link: var(--text-primary);
    --nav-link-hover: var(--accent);
    --nav-link-active: var(--accent);
    --heading-primary: #E9ECEF;
    --heading-secondary: #C7CDD6;
}

body {
    font-family: 'Ubuntu', sans-serif;
    background-color: var(--bg);
    color: var(--text-primary);
}

html {
    scroll-behavior: smooth;
}

h1, h2, h3 {
    color: var(--heading-primary);
}

h4, h5, h6 {
    color: var(--heading-secondary);
}

section {
    scroll-margin-top: 80px;
}

.navbar {
    --bs-navbar-color: var(--nav-link);
    --bs-navbar-hover-color: var(--nav-link-hover);
    --bs-navbar-active-color: var(--nav-link-active);
    --bs-navbar-brand-color: var(--nav-link);
    --bs-navbar-brand-hover-color: var(--nav-link-hover);
}

.card,
.dropdown-menu {
    background-color: var(--surface);
}

.text-muted {
    color: var(--text-muted) !important;
}

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

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