/* Weather-domain colour palette override */
:root {
    /* Deep storm navy for cover text */
    --cover-text-color: #1a2a3a;
    /* Atmospheric blue highlight */
    --highlight: #3a9bdc;
    --highlight-contrast: #ffffff;
    --highlight-inverse: #1a2a3a;
    --highlight-inverse-contrast: #ffffff;

    /* Title guard - frosted glass feel */
    --cover-title-and-description-guard-bg-color: rgba(20, 40, 60, 0.55);
    --cover-title-text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;

    /* Navigation - cool sky blue */
    --sticky-menu-text-color: #5bb8e8;

    /* Alternating sections */
    --section-light-text-color: #2c3e50;
    --section-light-bg-color: #f5f8fa;

    --section-dark-text-color: #ecf0f1;
    --section-dark-bg-color: #1a2a3a;

    --section-uni-quote: #7f8c8d;
    --section-uni-code-bg-color: #e8eef3;

    /* Single pages */
    --single-page-text-color: var(--section-light-text-color);
    --single-page-bg-color: var(--section-light-bg-color);

    /* Footer - deep ocean */
    --footer-color-background: #0f1c2e;
    --footer-color: #94b8d4;

    /* List icons */
    --ul-li-icon: fa-cloud;
}

/* Broader content area */
.post {
    max-width: 1000px;
}

p {
    word-break: keep-all;
}

/* Title text on header - white for dark guard */
.blog-title, .blog-description {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* Links styled as atmospheric blue */
a {
    color: #2980b9;
    transition: color 0.2s ease;
}

a:hover {
    color: #3a9bdc;
}

/* Dark sections: links should be lighter */
.section-dark a {
    color: #5bb8e8;
}

.section-dark a:hover {
    color: #8dd1f0;
}