:root {
    --bg: #282828;
    --bg-soft: #32302f;
    --bg-hard: #1d2021;

    --fg: #ebdbb2;
    --fg-dim: #d5c4a1;

    --red: #fb4934;
    --green: #b8bb26;
    --yellow: #fabd2f;
    --blue: #83a598;
    --purple: #d3869b;
    --aqua: #8ec07c;
    --orange: #fe8019;

    --gray: #928374;
}

/* Base */
body {
    margin: 0;
    padding: 0;
    font-family: 'JetBrains Mono', monospace;
    background: var(--bg);
    color: var(--fg);
    line-height: 1.7;
    letter-spacing: 0.02em;
}

/* Navigation */
header nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 1rem;
    margin: 0;
    background: var(--bg-soft);
    border-bottom: 1px solid var(--gray);
}

header nav ul li {
    margin: 0 1rem;
}

header nav ul li a {
    text-decoration: none;
    color: var(--fg);
    font-weight: bold;
}

header nav ul li a {
    color: var(--fg-dim);
    font-weight: bold;
}

header nav ul li:nth-child(1) a:hover { color: var(--yellow); }
header nav ul li:nth-child(2) a:hover { color: var(--blue); }
header nav ul li:nth-child(3) a:hover { color: var(--green); }
header nav ul li:nth-child(4) a:hover { color: var(--orange); }
header nav ul li:nth-child(5) a:hover { color: var(--purple); }
header nav ul li:nth-child(6) a:hover { color: var(--aqua); }

/* Container */
.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1rem;
    text-align: center;
}

/* Headings */
.main-name {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--yellow);
}

.subtitle {
    font-size: 1.3rem;
    color: var(--fg-dim);
}

/* Sections */
.section {
    margin: 0.75rem auto;
    padding: 0.75rem 1rem;
    /* border-left: 3px solid var(--bg-soft); */
}

/* 
#research {
    border-left-color: var(--blue);
}

#news {
    border-left-color: var(--orange);
}

#publications {
    border-left-color: var(--green);
}

#contact {
    border-left-color: var(--purple);
} */ 

/* Section titles */
.section-title {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--gray);
    padding-bottom: 0.5rem;
    color: var(--blue);
}

/* News box */
.news-box {
    border: 1px solid var(--gray);
    background-color: var(--bg-soft);
    padding: 1.5rem;
    border-radius: 8px;
}

.news-box li {
    font-size: 1.05rem;
    line-height: 1.6;
}

/* Default links */
a {
    color: var(--aqua);
}

/* External links (papers, scholar, etc.) */
a[href*="arxiv"],
a[href*="google"],
a[href*="github"],
a[href*="orcid"] {
    color: var(--green);
}

/* Important links (CV etc.) */
a[href$=".pdf"] {
    color: var(--yellow);
}

/* Hover = pop */
a:hover {
    color: var(--orange);
}

/* Footer */
footer {
    text-align: center;
    padding: 2rem 0;
    background: var(--bg-soft);
    margin-top: 2rem;
    border-top: 1px solid var(--gray);
}

/* Inputs (future proofing) */
input, textarea {
    background-color: var(--bg-hard);
    color: var(--fg);
    border: 1px solid var(--gray);
}

/* Selection */
::selection {
    background: var(--yellow);
    color: var(--bg);
}

/* Mobile */
@media (max-width: 768px) {
    #home div {
        flex-direction: column;
    }
}
/* Dates in news */
.news-box strong {
    color: var(--orange);
}

/* Paper titles */
#pub-list h3 {
    color: var(--yellow);
}

/* Author lines */
#pub-list p em {
    color: var(--green);
    font-style: normal;
}

/* Conference / achievements */
strong i {
    color: var(--purple);
}

/* General emphasis */
strong {
    color: var(--red);
}

/* Subtle metadata */
.subtitle {
    color: var(--gray);
}