/* ==========================================================
   TRUTH — The Truth About Ernest Bluff
   "They don't want you to know"

   Palette: Dark conspiracy — near-black background, red
   warning accents, yellow caution highlights, urgent feel
   Font: Courier Prime (typewriter/whistleblower docs),
   Roboto for body readability
   No image — dark gradient with subtle noise feel
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap');

.site-truth {
    font-family: 'Roboto', 'Alegreya', sans-serif;

    /* Page background — dark, conspiratorial */
    --color-bg: #1a1a1a;
    --color-body-bg: #1e1e1e;

    /* Title bar — black with red danger accent */
    --color-title-bar-bg: #0d0d0d;
    --color-title-bar-text: #ef4444;

    /* Header — no image, ominous dark red gradient */
    --color-header-bg: #1a0000;
    --header-image: url('/images/headers/truth.png');
    --header-height: 325px;

    /* Navigation — dark charcoal, red hover */
    --color-menu-bg: #2a2a2a;
    --color-menu-text: #d4d4d4;
    --color-menu-hover: #3a0000;
    --color-menu-hover-text: #ff6b6b;

    /* Container border */
    --color-container-border: #7f1d1d;

    /* Footer */
    --color-footer-bg: #0d0d0d;
    --color-footer-text: #737373;
    --color-helper-footer-bg: #000000;
    --color-helper-footer-text: #525252;
}


/* Dark mode text colors */
.site-truth {
    color: #d4d4d4;
}

.site-truth #content {
    color: #c0c0c0;
    line-height: 1.7;
}

.site-truth #content a {
    color: #ef4444;
}

.site-truth #content a:hover {
    color: #ff6b6b;
    text-decoration: underline;
}


/* Title bar — urgent, typewriter classified doc feel */
.site-truth .site-title-bar {
    border-bottom: 3px solid #ef4444;
}

.site-truth .site-title-bar .title {
    font-family: 'Courier Prime', 'Courier New', monospace;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: clamp(1.1rem, 4vw, 2rem);
}

.site-truth .site-title-bar .subtitle {
    font-family: 'Courier Prime', monospace;
    font-style: italic;
    letter-spacing: 0.06em;
    color: #fbbf24;
    font-size: clamp(0.7rem, 2vw, 0.9rem);
}


/* Header — dark red gradient, no image */
.site-truth .header-image {
    background-size: cover;
    border-bottom: 2px solid #7f1d1d;
}


/* Content headings — alarming red */
.site-truth #content h1,
.site-truth #content h2,
.site-truth #content h3 {
    font-family: 'Courier Prime', monospace;
    color: #ef4444;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}


/* Menu — tense, dark */
.site-truth .menu {
    border-top: 1px solid #7f1d1d;
}

.site-truth .menu-button {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 1rem;
    font-weight: 500;
    border-left: 3px solid transparent;
}

.site-truth .menu-button:hover {
    border-left: 3px solid #ef4444;
}

@media (min-width: 768px) {
    .site-truth .menu-button {
        border-left: none;
        border-bottom: 3px solid transparent;
    }

    .site-truth .menu-button:hover {
        border-left: none;
        border-bottom: 3px solid #ef4444;
    }
}


/* Menu — Desktop alignment fix (3 nav items) */
@media (min-width: 768px) {
    .site-truth .menu-button {
        flex: 0 1 auto;
        max-width: 240px;
        min-width: 140px;
        padding: 0.25em 1.5em;
        font-size: 1.2em;
    }
}


/* Footer */
.site-truth #site-footer {
    font-size: 0.8rem;
    letter-spacing: 0.03em;
    border-top: 1px solid #7f1d1d;
}

.site-truth #helper-footer {
    border-top: 1px solid rgba(127, 29, 29, 0.5);
}


/* First-time modal — dark theme */
.site-truth #first-time-modal {
    background: #1e1e1e;
    color: #d4d4d4;
    border: 2px solid #7f1d1d;
}

.site-truth #first-time-accept {
    background: transparent;
    color: #ef4444;
    border: 2px solid #ef4444;
}

.site-truth #first-time-accept:hover {
    background: #ef4444;
    color: #ffffff;
}