:root {
  /* Windows 3.1 White & Blue Theme */
  --background: 0 0% 100%;              /* Pure white */
  --foreground: 0 0% 0%;                /* Black text */
  --card: 0 0% 98%;                     /* Slightly off-white for cards */
  --card-foreground: 0 0% 0%;           /* Black text */
  --popover: 0 0% 100%;                 /* White */
  --popover-foreground: 0 0% 0%;        /* Black */
  --primary: 240 100% 27%;              /* Windows blue */
  --primary-foreground: 0 0% 100%;      /* White text on blue */
  --secondary: 0 0% 90%;                /* Light gray for secondary */
  --secondary-foreground: 0 0% 0%;      /* Black text */
  --muted: 0 0% 85%;                    /* Muted gray */
  --muted-foreground: 240 10% 40%;      /* Muted blue-gray */
  --accent: 60 100% 50%;                /* Classic yellow accent */
  --accent-foreground: 240 100% 27%;    /* Blue */
  --destructive: 0 100% 50%;            /* Red for destructive */
  --destructive-foreground: 0 0% 100%;  /* White */
  --border: 240 100% 27%;               /* Blue borders */
  --input: 0 0% 100%;                   /* White input */
  --ring: 240 100% 27%;                 /* Blue ring/focus */
  --radius: 0.125rem;                   /* Small radius, almost square */
  --chart-1: 240 100% 27%;              /* Blue */
  --chart-2: 0 0% 60%;                  /* Gray */
  --chart-3: 60 100% 50%;               /* Yellow */
  --chart-4: 0 100% 50%;                /* Red */
  --chart-5: 120 100% 25%;              /* Green */
  --border-light: 0 0% 100%;            /* White for top/left border */
  --border-dark: 240 100% 20%;          /* Dark blue for bottom/right border */
}

/* Windows 3.11 style border */
.win311-border {
  border-top: 2px solid hsl(var(--border-light));
  border-left: 2px solid hsl(var(--border-light));
  border-bottom: 2px solid hsl(var(--border-dark));
  border-right: 2px solid hsl(var(--border-dark));
  background: hsl(var(--background));
}

/* Titles */
.win311-title {
  color: hsl(var(--primary));
  border-bottom: 2px solid hsl(var(--primary));
  font-weight: bold;
  padding: 0.25em 0.5em;
  background: hsl(var(--background));
}

/* General text */
body, .filemanager, .filemanager * {
  color: hsl(var(--foreground));
  background: hsl(var(--background));
}

button, .win311-button {
  font-family: inherit;
  font-size: 1em;
  padding: 0.25em 1.5em;
  background: #c0c0c0; /* classic light gray */
  color: #000;
  border-top: 2px solid #fff;      /* light bevel */
  border-left: 2px solid #fff;     /* light bevel */
  border-bottom: 2px solid #808080;/* dark bevel */
  border-right: 2px solid #808080; /* dark bevel */
  border-radius: 0;
  box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #808080 !important;
  outline: none !important;
  cursor: pointer !important;
  transition: none !important;
}