﻿/*
    Theme: "y2k" � retro Windows 95 / early-2000s webcore aesthetic.
    Every rule is scoped under [data-theme="y2k"] so themes stay fully
    isolated from one another and can be added/removed independently.
*/
[data-theme="y2k"] {
    --y2k-pink: #FFB6C1;
    --y2k-lilac: #E6E6FA;
    --y2k-blue: #ADD8E6;
    --y2k-hotpink: #FF69B4;
    --y2k-purple: #9b6bd6;
    --y2k-grey: #C0C0C0;

    --theme-font-family: 'Tahoma', 'MS Sans Serif', 'Verdana', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --theme-body-bg-color: #f2f2f2;
    --theme-body-bg-image: linear-gradient(#dcdcdc 1px, transparent 1px), linear-gradient(90deg, #dcdcdc 1px, transparent 1px);
    --theme-body-bg-size: 24px 24px;
    --theme-text-color: #000;
    --theme-link-color: #d6006e;
    --theme-heading-shadow: 2px 2px 0 #000, -1px -1px 0 #fff;
    --theme-heading-weight: 800;

    --theme-btn-primary-color: #fff;
    --theme-btn-primary-bg: var(--y2k-hotpink);
    --theme-btn-primary-border: 1px solid #000;
    --theme-btn-primary-radius: 0;
    --theme-btn-primary-shadow: 2px 2px 0px #000;
    --theme-btn-primary-hover-bg: #ff3d9a;
    --theme-btn-primary-active-transform: translate(2px, 2px);

    --theme-page-bg-color: transparent;
    --theme-page-bg-image: none;

    --theme-sidebar-bg: var(--y2k-lilac);
    --theme-sidebar-border: 1px solid #000;

    --theme-topbar-bg: var(--y2k-blue);
    --theme-topbar-border: 1px solid #000;
    --theme-topbar-shadow: 0 2px 0 #000;
    --theme-topbar-text-color: #000;
    --theme-topbar-text-shadow: 1px 1px 0 #fff;

    --theme-navbrand-color: #fff;
    --theme-navbrand-shadow: 1px 1px 0 #000;
    --theme-navbrand-icon: "🍛 ";

    --theme-nav-link-color: #000;
    --theme-nav-link-bg: #fff;
    --theme-nav-link-border: 1px solid #000;
    --theme-nav-link-radius: 0;
    --theme-nav-link-shadow: 2px 2px 0px #000;
    --theme-nav-link-hover-bg: var(--y2k-blue);
    --theme-nav-link-hover-color: #000;
    --theme-nav-link-active-bg: var(--y2k-hotpink);
    --theme-nav-link-active-color: #fff;

    --theme-os-window-border: 1px solid #000;
    --theme-os-window-shadow: 3px 3px 0px #000;
    --theme-os-window-radius: 0;
    --theme-os-window-titlebar-bg: linear-gradient(90deg, #4a7fd6, #6fa8e6);
    --theme-os-window-titlebar-color: #fff;
    --theme-os-window-titlebar-shadow: 1px 1px 0 #000;
    --theme-os-window-content-bg: #fff;
    --theme-os-window-control-display: inline-flex;

    --theme-decorative-display: flex;
}

[data-theme="y2k"] .announcement-bar {
    background: var(--y2k-pink);
    border-bottom: 1px solid #000;
}

[data-theme="y2k"] .taskbar {
    background: var(--y2k-grey);
    border-top: 2px solid #fff;
    box-shadow: inset 0 1px 0 #ffffff, 0 -1px 0 #808080;
}

[data-theme="y2k"] .taskbar-start,
[data-theme="y2k"] .taskbar-tab {
    background: var(--y2k-grey);
}

[data-theme="y2k"] .taskbar-start {
    border: 1px solid #fff;
    border-right-color: #404040;
    border-bottom-color: #404040;
    box-shadow: inset 1px 1px 0 #ffffff;
}

[data-theme="y2k"] .taskbar-tab {
    border: 1px solid #404040;
    border-top-color: #fff;
    border-left-color: #fff;
    box-shadow: inset -1px -1px 0 #ffffff;
}

[data-theme="y2k"] .os-window-titlebar.blue {
    background: linear-gradient(90deg, #4a7fd6, #6fa8e6);
}

[data-theme="y2k"] .os-window-titlebar.pink {
    background: linear-gradient(90deg, #ff69b4, #ff9ecf);
}

[data-theme="y2k"] .os-window-titlebar.purple {
    background: linear-gradient(90deg, #8a5fd1, #b28fe6);
}

[data-theme="y2k"] input
{
    background-color: rgba(255, 255, 255, 0.9);
}