/* Heyuri Aqua CSS */

:root {
    /* -- Auqua Pool Palette  -- */
    --color-bg-main: #e8f7fa;  /* Lighter, more subtle pool water */
    --color-fg-main: #006064;  /* Deep teal for text */
    --color-fg-link: #00838f;  /* Medium teal for links */
    --color-fg-link-hover: #00acc1;  /* Lighter teal for hover */
    --color-bg-boardlist: #d0f0f5;  /* Very light cyan */
    --color-fg-boardlist: #006064;
    --color-bg-theading: #a5e5ed;  /* pool tile bluez */
    --color-bg-theading2: #d0f0f5;
    --color-bg-theading3: #e8f7fa;
    --color-bg-postblock: #80deea;  /* Muted pool blue */
    --color-fg-title: #006064;
    --color-fg-name: #00838f;
    --color-fg-warning: #d50000;
    --color-fg-warning-ip: #d50000;
    --color-fg-quote: #00838f;
    --color-fg-quote2: #80deea;
    --color-bg-reply: #e8f7fa;
    --color-bg-reply-hl: #d0f0f5;
    --color-hi-contrast-border: #4fb3bf;  /* Softer teal border */
    --color-lo-contrast-border: #b2ebf2;
    --color-fg-logo: #006064;
    --color-fg-global-message: #00838f;
    --color-bg-window-item-highlight: #d0f0f5;
    --color-bg-postlists-header: #80deea;
    --color-fg-postlists-header: #ffffff;
    --color-fg-postlists-header-link: #e0f7fa;
    --color-bg-postlists-odd: #e8f7fa;
    --color-bg-postlists-even: #d0f0f5;
    --font-family-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-size-main: 0.875em;
}

/* -- Logo -- */
.logo:after {
       content: ""; 
       font-size: 2.5em;
       animation: change-emoji 14s infinite;
}
/* -- Randomly Cycle through some Emojis for Decoration --*/
@keyframes change-emoji {
    0% { content: ""; }   /* Fish */
    25% { content: ""; }  /* Tropical fish */
    50% { content: ""; }  /* Wave */
    75% { content: ""; }  /* Droplet */
    100% { content: ""; } /* Blowfish */
}

/*Badges for Users*/
.name:before {
    content: " ";
}


/* -- Content Boxes -- */
.theading, .theading2, .theading3,
.neomenuTopLevel, .detailsbox, .postblock, .reply, .window {
    border: 2px solid var(--color-hi-contrast-border);
    background: var(--color-bg-theading);
    box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.3);
    
}


/* -- Buttons -- */
button {
    background: linear-gradient(to bottom, #b2ebf2, #80deea);
    border: 1px solid var(--color-hi-contrast-border);
    color: var(--color-fg-main);
    border-radius: 3px;
    padding: 0.25em 1em;
    transition: all 0.2s;
}

button:hover {
    background: linear-gradient(to bottom, #80deea, #4dd0e1);
}

/* -- inputs -- */
input[type="text"], input[type="password"], textarea, select {
    background: rgba(230, 255, 255, 0.8);
    border: 3px solid var(--color-lo-contrast-border);
}
blockquote:before {
    content: "❝";
    color: var(--color-bg-postblock);
    opacity: 0.2;
    font-size: 1.5em;
    margin-right: 5px;
    vertical-align: -0.3em;
}