:root {
    --bg: #0A1628;
    --surface: #0F2141;
    --surface-2: #16294A;
    --green: #7AC143;
    --green-bright: #9EDB4F;
    --white: #FFFFFF;
    --muted: #8FA3C4;
    --line: #22345A;
    --font-body: 'Inter', sans-serif;
    --font-heading: 'Rajdhani', sans-serif;
}

body {
    background-color: var(--bg);
    color: var(--white);
    font-family: var(--font-body);
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: var(--font-heading);
    font-weight: 700;
    font-style: italic;
}

.muted {
    color: var(--muted);
}

.green-bright {
    color: var(--green-bright);
}

.white {
    color: var(--white);
}

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

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

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}