/* Windows ME styling */
.win98-btn {
    @apply bg-gradient-to-b from-gray-100 to-gray-300 border border-gray-400 px-2 py-1 text-sm flex items-center justify-center;
    width: 24px;
    height: 24px;
    box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5);
}

.win98-btn svg {
    stroke: #000;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    width: 16px;
    height: 16px;
}
.win98-btn:hover {
    @apply bg-gradient-to-b from-gray-200 to-gray-400;
}

.win98-btn:active {
    @apply bg-gradient-to-b from-gray-300 to-gray-500;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
/* Font for Windows 98 look */
@font-face {
    font-family: 'MS Sans Serif';
    src: local('MS Sans Serif'), local('Microsoft Sans Serif');
}

/* Window styling */
main-window {
@apply flex flex-col border-2 border-gray-400 bg-gradient-to-b from-gray-200 to-gray-300 shadow-lg;
    width: 800px;
    height: 600px;
    border-radius: 4px;
}
.window-body {
    @apply flex-1 bg-gray-200 overflow-hidden;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

::-webkit-scrollbar-track {
    @apply bg-gray-200;
}

::-webkit-scrollbar-thumb {
    @apply bg-gray-400 border-2 border-solid border-gray-200;
}

::-webkit-scrollbar-thumb:hover {
    @apply bg-gray-500;
}

/* Markdown preview styling */
#preview {
    @apply prose max-w-none;
}

#preview h1 {
    @apply text-2xl font-bold;
}

#preview h2 {
    @apply text-xl font-bold;
}

#preview code {
    @apply bg-gray-100 px-1 rounded;
}

#preview pre {
    @apply bg-gray-100 p-2 rounded overflow-x-auto;
}

#preview blockquote {
    @apply border-l-4 border-gray-400 pl-4 italic;
}