/* Global heading base */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
    letter-spacing: -0.02em;
    text-rendering: optimizeLegibility;
}

/* H1: page title */
h1 {
    font-size: 2.5rem;
    line-height: 1.1;
    color: #7d83b9;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/* H2: major section */
h2 {
    font-size: 1.75rem;
    line-height: 1.25;
    font-weight: 500;
    /* color: #444; */
    color: #629bb6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 0.3em;
    margin-top: 2em;
    margin-bottom: 0.8em;
}

/* H3: subsection */
h3 {
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #555;
}

/* H4–H6: muted, lighter */
h4,
h5,
h6 {
    font-weight: 500;
    color: #666;
}



.github-btn a {
    display: inline-block;
    padding: 0.5em 1.2em;
    background: #7d83b9;
    /* Matches h1 color */
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
    /* Subtle drop shadow with a cool tint */
    box-shadow: 0 2px 8px rgba(125, 131, 185, 0.18), 0 1.5px 4px rgba(40, 40, 80, 0.08);
    transition: background 0.2s, box-shadow 0.2s;
}

.github-btn a:hover {
    background: #566099;
    color: #fff;
    box-shadow: 0 4px 16px rgba(125, 131, 185, 0.25), 0 2px 6px rgba(40, 40, 80, 0.12);
}

/* Base tag styling */
.tag {
    display: inline-block;
    font-size: 0.8em;
    font-weight: 600;
    padding: 0.15em 0.5em;
    margin: 0 0.2em;
    border-radius: 4px;
    color: #fff;
}

/* Muted Tag Palette */
.tag.green {
    background-color: #6B8E6B;
}

/* sage green */
.tag.blue {
    background-color: #5C6E91;
}

/* desaturated slate blue */
.tag.orange {
    background-color: #C97A4C;
}

/* muted terracotta */
.tag.red {
    background-color: #A05252;
}

/* brick red */
.tag.purple {
    background-color: #7E6B8F;
}

/* dusty lavender */
.tag.gray {
    background-color: #7A7A7A;
}

/* soft gray */
.tag.yellow {
    background-color: #C2A94D;
}

/* --- Tighten spacing for post list titles only --- */
.post-entry h2,
.entry-header h2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.3em !important;
    border-bottom: none;
    /* Remove the underline just for index titles */
    padding-bottom: 0;
    /* Tighten up spacing under the title */
}

figure.shadowed img {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.dark h2,
.dark .post-entry h2,
.dark .entry-header h2 {
    color: #b3e5fc !important;
    /* bright cyan—tweak to taste */
    border-bottom: 1px solid rgba(179, 229, 252, 0.13);
    /* subtle if you want it */
}

/* If you want h2 in index pages *without* underline, but bright in dark mode: */
.dark .post-entry h2,
.dark .entry-header h2 {
    border-bottom: none;
}