/* Custom Colors for Kathleen Smith Website */

/* Primary Colors */
:root {
    --color-teal: #5A9FA3;
    --color-green: #C8D8A3;
    --color-white: #FFFFFF;
    --color-dark-blue: #174A54;
    --color-accent: #2C7A7B;
    --color-divider: #7BB9A5;
}

/* Body and Background */
body {
    background-color: var(--color-white);
    color: #333333;
}

/* Content Spacing */
.site-content,
.ast-container,
.entry-content {
    padding-top: 40px !important;
}

/* Page Title Spacing */
.entry-header {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

/* Headers and Titles */
h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title {
    color: var(--color-dark-blue) !important;
}

/* Links */
a {
    color: var(--color-teal);
}

a:hover {
    color: var(--color-accent);
}

/* Buttons */
.button,
.wp-block-button__link,
input[type="submit"],
button {
    background-color: var(--color-accent) !important;
    color: var(--color-white) !important;
    border: none;
}

.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
button:hover {
    background-color: var(--color-teal) !important;
}

/* Header */
.site-header {
    background-color: var(--color-teal);
}

.site-header .site-title a,
.site-header .main-navigation a,
.site-branding a,
.site-title a {
    color: var(--color-white) !important;
}

/* Ensure site title/logo is visible */
.site-title,
.site-branding {
    background-color: transparent !important;
}

.site-title a:hover,
.site-branding a:hover {
    color: var(--color-green) !important;
}

/* Navigation Menu */
.main-navigation {
    background-color: var(--color-teal);
}

.main-navigation a:hover {
    background-color: var(--color-accent);
}

/* Sections with Teal Background */
.section-teal {
    background-color: var(--color-teal);
    color: var(--color-white);
    padding: 40px 20px;
}

/* Sections with Green Background */
.section-green {
    background-color: var(--color-green);
    padding: 40px 20px;
}

/* Dividers */
hr {
    border-color: var(--color-divider);
}

/* Footer */
.site-footer {
    background-color: var(--color-dark-blue);
    color: var(--color-white);
}

.site-footer a {
    color: var(--color-green);
}

.site-footer a:hover {
    color: var(--color-teal);
}

/* CMV Virus Shapes Background (subtle) */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(192, 192, 192, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(192, 192, 192, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(192, 192, 192, 0.03) 0%, transparent 50%);
    pointer-events: none;
    z-index: -1;
}