/* ---------- Shared Header Styles ---------- */

/* Title bar container */
.title-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    border-bottom: 2px solid #000; /* simple separator */
}

/* Title text on the left */
.title-text {
    font-weight: bold;
    font-size: 20px;
}

/* Container for theme buttons */
.theme-buttons {
    display: flex;
    gap: 4px;
}

/* Base button style */
.theme-btn {
    padding: 2px 6px;
    font-size: 12px;
    cursor: pointer;
    border: 2px outset #ffffff; /* classic 90s style */
    font-weight: normal;
    color: #000;
}

/* Highlight the active theme */
.theme-btn.active-theme {
    border-style: inset;
    font-weight: bold;
}

/* ---------- Theme Button Colors ---------- */

/* Classic App (Windows 95 style) */
.theme-btn[data-theme="style.css"] {
    background: linear-gradient(to bottom, #000080, #000060);
    color: white;
    border-color: #ffffff #808080 #808080 #ffffff;
}

/* 90s Web (Geocities style) */
.theme-btn[data-theme="style_90s.css"] {
    background-color: #ffff00;
    color: #0000ff;
    border-color: #0000ff #ff0000 #ff0000 #0000ff;
}

/* Terminal / CMD style */
.theme-btn[data-theme="style_terminal.css"] {
    background-color: #000000;
    color: #00ff00;
    border-color: #00ff00;
}