:root {
  --cassiopeia-color-primary: #8a2c87;
  --cassiopeia-color-hover: #1248a6;
  --cassiopeia-color-link: #0b1020;
}
.article-image-container {
    position: relative;
    overflow: hidden;
}

.article-title-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    color: #FFFFF; /* White text color */
    padding: 10px;
    box-sizing: border-box; /* Ensures padding doesn't affect the width */
}

/* Optional: To make the title link hoverable */
.article-title-overlay a {
    color: #fff;
    text-decoration: none;
}

.article-title-overlay a:hover {
    text-decoration: underline;
}
body {
    background-color: #0D1117; /* The requested blue color */
    color: #FFFFFF;
}