:root{
    --xp-blue1:#0a246a;
    --xp-blue2:#a6caf0;
    --xp-border:#1e3a8a;
    --xp-window:#ece9d8;
    --xp-text:#1a1a1a;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    cursor: url("images/cursor.png"), auto;
}

body{
    font-family: "Tahoma", "Verdana", sans-serif;
    background: linear-gradient(to bottom, #3a6ea5, #c3d9ff);
    color:var(--xp-text);
}

/* TOP BAR (pseudo taskbar feel) */
.header{
    background: linear-gradient(to bottom, var(--xp-blue2), #6fa8dc);
    border-bottom:2px solid var(--xp-border);
    padding:10px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.logo a{
    font-weight:bold;
    font-size:22px;
    color:#000;
    text-decoration:none;
    text-shadow:1px 1px 0 #fff;
}

.logo span{
    color:#003399;
}

/* SEARCH */
.search-box input{
    padding:6px;
    border:2px inset #ccc;
    background:#fff;
    font-family:Tahoma;
}

/* MAIN WINDOW */
.content{
    max-width:1100px;
    margin:20px auto;
    padding:10px;
}

.article{
    background: var(--xp-window);
    border:2px solid #808080;
    border-top:2px solid #ffffff;
    border-left:2px solid #ffffff;
    padding:20px;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.2);
}

/* TITLE BAR STYLE */
.article h1{
    font-size:28px;
    background: linear-gradient(to right, #0a246a, #a6caf0);
    color:white;
    padding:8px;
    margin:-20px -20px 15px -20px;
    border-bottom:2px solid #1e3a8a;
}

/* SECTIONS */
.article h2{
    margin-top:15px;
    padding:5px;
    border-left:4px solid #0a246a;
}

/* BOXES */
.notice{
    background:#ffffe1;
    border:2px solid #000080;
    padding:10px;
    margin-bottom:15px;
}

/* BUTTONS XP STYLE */
.button{
    display:inline-block;
    margin-top:10px;
    padding:6px 12px;
    background: linear-gradient(to bottom, #fefefe, #d6d6d6);
    border:2px outset #ccc;
    text-decoration:none;
    color:#000;
    font-weight:bold;
}

.button:active{
    border:2px inset #ccc;
}

/* ENTRIES LIKE FOLDER ITEMS */
.entry{
    background:#ffffff;
    border:1px solid #999;
    padding:10px;
    margin-bottom:10px;
}

/* CATEGORY TAGS */
.category{
    display:inline-block;
    background:#dfefff;
    border:1px solid #3a6ea5;
    padding:2px 6px;
    font-size:11px;
}

/* SEARCH RESULTS */
.search-results a{
    display:block;
    padding:6px;
    background:#fff;
    border:1px solid #999;
    margin-top:4px;
    text-decoration:none;
    color:#0000cc;
}

.search-results a:hover{
    background:#cde5ff;
}

/* FOOTER STYLE */
.footer{
    margin-top:20px;
    font-size:12px;
    text-align:center;
    color:#333;
}

body.dark {
    background: #000000;
    color: #00ff66;
    font-family: "Courier New", monospace;
}

/* neonowe ramki jak terminal */
body.dark .article,
body.dark .entry,
body.dark .notice,
body.dark .category-box {
    background: #050505;
    border: 1px solid #00ff66;
    box-shadow: 0 0 10px #00ff66;
}

/* linki */
body.dark a {
    color: #00ff66;
}

body.dark .button {
    background: black;
    border: 1px solid #00ff66;
    color: #00ff66;
}

body.dark .button:hover {
    box-shadow: 0 0 12px #00ff66;
}

/* logo matrix glow */
body.dark .logo a {
    color: #00ff66;
    text-shadow: 0 0 10px #00ff66;
}

/* fake CMD feel */
body.dark::before {
    content: "OHUELI SYSTEM ACTIVE";
    display: block;
    padding: 10px;
    font-size: 12px;
    color: #00ff66;
    border-bottom: 1px solid #00ff66;
}