/* Heyuri Theme - Source Dark */
:root {
    --color-bg-main: #2D2D2D;
    --color-fg-main: #E0E0E0;
    --color-fg-link: #628DB6;
    --color-fg-link-hover: #FFA500;
    --color-bg-boardlist: #3A3A3A;
    --color-fg-boardlist: #D0D0D0;
    --color-bg-theading: #3D4A2F;
    --color-bg-theading2: #4A5A3A;
    --color-bg-theading3: #5A6A4A;
    --color-bg-postblock: #3D4A2F;
    --color-fg-title: #FFCC66;
    --color-fg-name: #B8D0FF;
    --color-fg-warning: #FF6666;
    --color-fg-warning-ip: #FF4444;
    --color-fg-quote: #A0A0A0;
    --color-fg-quote2: #888888;
    --color-bg-reply: #3A3A3A;
    --color-bg-reply-hl: #4A4A4A;
    --color-hi-contrast-border: #1A1A1A;
    --color-lo-contrast-border: #4A4A4A;
    --color-fg-logo: #FFA500;
    --color-fg-global-message: #FFA500;
    --color-bg-window-item-highlight: #4D5A3F;
    --color-bg-postlists-header: #3D4A2F;
    --color-fg-postlists-header: #E0E0E0;
    --color-fg-postlists-header-link: #FFCC66;
    --color-bg-postlists-odd: #3A3A3A;
    --color-bg-postlists-even: #2D2D2D;
    --color-fg-quotelink: var(--color-fg-link);
    --color-fg-quotelink-hover: var(--color-fg-link-hover);
    --color-border-button: #1A1A1A;
    --color-bg-code: #2A2A2A;
    --color-fg-code: #C0C0C0;
    --color-bg-flashboard-even: #3A3A3A;
    --font-family-main: 'Consolas', 'Lucida Console', 'Courier New', monospace;
    --font-size-main: 14px;
}

/* tweakz */
body {
    line-height: 1.0;
    margin: 0;
    padding: 0px;
}

/*Beveled Panels and Panel Gradient*/
.theading, .theading2, .theading3,
.neomenuTopLevel, .detailsbox, .postblock, .reply, .window {
    border: 2px solid var(--color-hi-contrast-border);
    background: linear-gradient(to bottom, #4A5A3A 0%, #3D4A2F 100%);
    box-shadow: 
        inset 0 2px 0 rgba(255, 255, 255, 0.1),
        inset 0 -2px 0 rgba(0, 0, 0, 0.3);
    padding: 0px;
    margin-bottom: 0px;
}
/*  Buttons */
button {
    background: linear-gradient(to bottom, #6A7A5A 0%, #4A5A3A 100%);
    border: 1px solid var(--color-hi-contrast-border);
    color: var(--color-fg-main);
    font-family: var(--font-family-main);
    font-size: var(--font-size-main);
    padding: 4px 12px;
    margin: 2px;
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 1px 2px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

button:hover {
    background: linear-gradient(to bottom, #7A8A6A 0%, #5A6A4A 100%);
    color: #FFCC66;
}

/*Input Fields*/
input[type="text"], input[type="password"], textarea, select {
    background: #2A2A2A;
    border: 1px solid var(--color-hi-contrast-border);
    color: var(--color-fg-main);
    padding: 4px;
    font-family: var(--font-family-main);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* Links */
a {
    color: var(--color-fg-link);
    text-decoration: none;
}

a:hover {
    color: var(--color-fg-link-hover);
    text-decoration: underline;
}

/* Logo */
.logo {
    color: var(--color-fg-logo);
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Threads */
#catalogTable .thread {
    background: var(--color-bg-reply);
    border: 1px solid var(--color-hi-contrast-border);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
    padding: 8px;
}

/* Headings  */
h1, h2, h3, h4 {
    color: var(--color-fg-title);
    font-family: 'Arial', sans-serif;
    border-bottom: 1px solid var(--color-lo-contrast-border);
    padding-bottom: 4px;
}