/* style-default.css
   DEFAULT THEME (theme-only)
   IMPORTANT: This file should NOT contain layout rules.
   It imports your base stylesheet (style.css) so theme switching never breaks layout.
*/

@import url("style.css");

/* =========================
   Default theme overrides
   ========================= */

/* Page background + base text color */
body {
  background: url("background/br1.png") repeat;
  color: #222;
}

/* Main sheet panel tint (keep your base layout sizing) */
#main-container {
  background-color: rgba(144, 238, 144, 0.70);
}

/* Show & Tell panel background */
#show-panel {
  background-color: #111;
}

/* Headline styling (keep your retro vibe) */
h1 {
  background-color: #00e5ff;
  color: #ff00ff;
  text-shadow: 2px 2px 0 #000;
  box-shadow: 4px 4px #000;
}

/* Buttons */
button {
  background-color: #00e5ff;
  color: #000;
  border-color: #000;
  box-shadow: 3px 3px #000;
}

button:hover {
  background-color: #ff00ff;
  color: #fff;
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select,
#player-name,
.skill-input,
.item-input,
.condition-input {
  background-color: #fff6d1;
  color: #111;
  border-color: #000;
  box-shadow: inset 2px 2px #888;
}

/* Labels / section tags */
label,
h2,
.section-label {
  background-color: rgba(255, 255, 0, 0.70);
  color: #111;
}

/* Chat panel */
#chat-panel {
  background-color: #222;
  border-left: 2px solid #555;
  color: #fff;
}

#chatInput {
  background: #111;
  color: #fff;
}

/* Tabs */
.tab-button {
  background: #444;
  color: #fff;
}

.tab-button.active {
  background: #ffa500;
  color: #000;
}

/* Wounds */
.wounds button {
  background-color: #ccc;
  color: #000;
}

.wounds button.active {
  background-color: darkred;
  color: #fff;
}

/* GM tools */
#gm-tools-panel {
  border-color: #00e5ff;
}