/* ── Uncle '95 / Retro Theme overrides ────────────────────────────────────── */

.theme-uncle {
    --md3-background: #C0C0C0;
    --md3-surface:    #FFFFFF;
    --md3-accent:     #000080;
    --ct-input-bg:    #FFFFFF;
    --ct-border:      #808080;
    --ct-text:        #000000;
    --ct-subtext:     #333333;
    --ct-header-bg:   #000080;
    --ct-btn-primary: #000080;
    --scrollbar-thumb: #808080;
    --scrollbar-track: #C0C0C0;
}

.theme-uncle .page,
.theme-uncle html,
.theme-uncle body {
    background-color: #C0C0C0 !important;
    font-family: 'Times New Roman', Times, serif !important;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAAA+rF3AAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHFJREFUKJFjYKAicP78eQYGBgaGixcv/mFgYGBg+P//P8OFCxcYGBgYGC5dusTAwMDAsHnzZoarV68yMDAwMGzevJkBpvD///8M//nzZwYGBgYGJhT4////DAwMDAxoiIGBgYGBgQELMDAwMDAwMDAAiwclaSMFQFkAAAAASUVORK5CYII="), auto;
}

/* Win95-style title bar (top-row) */
.theme-uncle .top-row {
    background-color: #000080 !important;
    border-bottom: 2px solid #000000 !important;
    box-shadow: inset -2px -2px 0 #808080, inset 2px 2px 0 #FFFFFF !important;
}

/* Win95 embossed nav links */
.theme-uncle .nav-link {
    font-family: 'Times New Roman', serif !important;
    font-size: 13px !important;
    color: #FFFFFF !important;
    text-shadow: 1px 1px 0 #000000;
}

.theme-uncle .nav-link:hover {
    background: #000080 !important;
    text-decoration: underline !important;
    color: #FFFF00 !important;
}

.theme-uncle .content-wrapper,
.theme-uncle .content {
    background: #C0C0C0 !important;
}

/* Win95-style window frame around editor panes */
.theme-uncle .editor-pane {
    background: #FFFFFF !important;
    border: 2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #FFFFFF, 2px 2px 0 #000000 !important;
    border-radius: 0 !important;
}

.theme-uncle .pane-header {
    background: #000080 !important;
    color: #FFFFFF !important;
    border-bottom: 2px solid #808080 !important;
    padding: 4px 8px !important;
}

.theme-uncle .editor-textarea {
    background: #FFFFFF !important;
    color: #000000 !important;
    border: 2px inset #808080 !important;
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 14px !important;
    border-radius: 0 !important;
}

/* Win95-style raised buttons */
.theme-uncle .mud-button-filled,
.theme-uncle .mud-button-filled-primary {
    background: #C0C0C0 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: inset -2px -2px 0 #808080, inset 2px 2px 0 #FFFFFF !important;
    border-radius: 0 !important;
    font-family: 'Times New Roman', serif !important;
    font-weight: bold !important;
    text-transform: none !important;
    font-size: 13px !important;
}

.theme-uncle .mud-button-filled:active,
.theme-uncle .mud-button-filled-primary:active {
    box-shadow: inset 2px 2px 0 #808080, inset -2px -2px 0 #FFFFFF !important;
}

/* Tiled background watermark */
.theme-uncle .page::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: 
        repeating-linear-gradient(45deg, rgba(0,0,128,0.03) 0px, rgba(0,0,128,0.03) 1px, transparent 1px, transparent 10px),
        repeating-linear-gradient(-45deg, rgba(0,0,128,0.03) 0px, rgba(0,0,128,0.03) 1px, transparent 1px, transparent 10px);
    pointer-events: none;
    z-index: 0;
}

/* Blink animation for headings in Uncle mode */
@keyframes uncle-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.theme-uncle h1 {
    animation: uncle-blink 1.2s step-start infinite;
    color: #800000 !important;
    font-size: 28px !important;
    text-align: center !important;
    text-decoration: underline;
}

/* Marquee simulation for footer */
.theme-uncle .footer-bar {
    background: #000080 !important;
    border-top: 2px solid #000000 !important;
    color: #FFFF00 !important;
    overflow: hidden;
}

.theme-uncle .footer-link {
    color: #FFFF00 !important;
    font-family: 'Times New Roman', serif !important;
}

/* Win95 tabs */
.theme-uncle .mud-tab {
    font-family: 'Times New Roman', serif !important;
    border: 1px solid #808080 !important;
    background: #C0C0C0 !important;
    border-radius: 0 !important;
}

.theme-uncle .mud-tab-active {
    background: #FFFFFF !important;
    border-top: 2px solid #000000 !important;
    font-weight: bold !important;
}

/* Scrollbars */
.theme-uncle * {
    scrollbar-width: auto;
    scrollbar-color: #808080 #C0C0C0;
}