/* Web 2.0 theme — 2006-2010 web nostalgia
   Colors come from CSS variables in themes.css; this file is structural only. */

/* Glossy gradient buttons */
[data-theme='web2'] .btn {
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0.05) 51%,
    rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

[data-theme='web2'] .btn:hover {
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(0, 0, 0, 0.03) 51%,
    rgba(0, 0, 0, 0.08) 100%
  );
}

/* Hard drop shadows */
[data-theme='web2'] .card,
[data-theme='web2'] .dropdown-menu,
[data-theme='web2'] .toast,
[data-theme='web2'] .alert {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* Bevel on cards/surfaces */
[data-theme='web2'] .card,
[data-theme='web2'] .alert {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

/* Chunky border-radius */
[data-theme='web2'] .card,
[data-theme='web2'] .btn,
[data-theme='web2'] .alert,
[data-theme='web2'] input,
[data-theme='web2'] select,
[data-theme='web2'] .form-control,
[data-theme='web2'] .form-select,
[data-theme='web2'] .dropdown-menu {
  border-radius: 8px !important;
}

/* Badge pills with gradient */
[data-theme='web2'] .badge {
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 12px !important;
  padding: 0.35em 0.75em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

/* Glossy navbar */
[data-theme='web2'] .navbar {
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(0, 0, 0, 0.05) 100%
  ) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* Tables with slight bevel */
[data-theme='web2'] .table th {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

[data-theme='web2'] .table {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}