/* ===== Theme overrides (loaded after styles.css) ===== */
/* Default = Dark Fantasy (variables in styles.css :root) */
/* Light = Parchment / warm medieval feel              */

/* ===== LIGHT THEME — "Parchemin" ===== */
[data-theme="light"] {
  --bg:           #e8dcc8;
  --bg-surface:   #f5efe2;
  --bg-panel:     #ede5d4;
  --bg-input:     #faf6ee;
  --bg-table:     #f5efe2;
  --bg-table-alt: #ede5d4;
  --bg-table-head:#ddd2bc;
  --bg-active:    rgba(180,130,40,0.15);

  --text:         #2c1810;
  --text-secondary:#6b5744;
  --text-heading: #1a0e08;
  --text-muted:   #9a8b6f;

  --border:       #c9b896;
  --border-light: #d8ccb4;
  --border-accent:#a08650;

  --accent:       #8b6914;
  --accent-light: #a57d1a;
  --accent-glow:  rgba(139,105,20,0.2);
  --accent-dim:   #6b5010;

  --danger:       #8b2020;
  --danger-light: #b52a2a;

  --hp-ok:        #1a8a3e;
  --hp-low:       #c27812;
  --hp-dead:      #b52a2a;

  --shadow-soft:  0 12px 40px rgba(100,80,40,0.18);
  --shadow-panel: 0 6px 20px rgba(100,80,40,0.1);
  --shadow-btn:   0 4px 12px rgba(100,80,40,0.15);
}

[data-theme="light"] body {
  background: var(--bg);
}

[data-theme="light"] .container {
  background: var(--bg-surface);
  border-color: var(--border);
  box-shadow: var(--shadow-soft);
}

[data-theme="light"] .container::before {
  background: linear-gradient(90deg, transparent, #a08650, #c9952b, #a08650, transparent);
}

[data-theme="light"] body::before {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(160,134,80,0.06) 0%, transparent 70%),
    radial-gradient(ellipse at 80% 20%, rgba(139,105,20,0.05) 0%, transparent 60%);
}

[data-theme="light"] h1,
[data-theme="light"] .brand .title,
[data-theme="light"] .map-header h2 {
  color: var(--accent);
}

[data-theme="light"] .map-controls-title,
[data-theme="light"] .form-title,
[data-theme="light"] .dice-header {
  color: var(--accent);
}

[data-theme="light"] th {
  background: var(--bg-table-head);
  color: var(--accent);
}

[data-theme="light"] .panel {
  background: var(--bg-panel);
  border-color: var(--border);
  box-shadow: var(--shadow-panel);
}

[data-theme="light"] .chip {
  background: var(--bg-panel);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="number"],
[data-theme="light"] select,
[data-theme="light"] input[type="color"] {
  background: var(--bg-input);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="light"] input[type="text"]:focus,
[data-theme="light"] input[type="number"]:focus,
[data-theme="light"] select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-glow);
}

[data-theme="light"] button.primary {
  background: linear-gradient(135deg, var(--accent), var(--accent-dim));
  color: #faf6ee;
  border-color: var(--accent-light);
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

[data-theme="light"] button.secondary {
  background: var(--bg-input);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="light"] button.danger {
  color: #fef2f2;
}

[data-theme="light"] table {
  background: var(--bg-table);
  border-color: var(--border);
}

[data-theme="light"] .table-wrapper {
  border-color: var(--border);
  box-shadow: var(--shadow-panel);
}

[data-theme="light"] th,
[data-theme="light"] td {
  border-bottom-color: var(--border-light);
}

[data-theme="light"] tbody tr:nth-child(even) {
  background: var(--bg-table-alt);
}

[data-theme="light"] tbody tr:nth-child(odd) {
  background: var(--bg-table);
}

[data-theme="light"] tbody tr:hover {
  background: rgba(139,105,20,0.06);
}

[data-theme="light"] tr.active {
  background: var(--bg-active) !important;
  box-shadow: inset 0 0 0 2px rgba(139,105,20,0.4);
}

[data-theme="light"] tr.active td {
  color: var(--accent);
}

[data-theme="light"] .dice-result-value {
  background: linear-gradient(135deg, rgba(139,105,20,0.15), rgba(139,105,20,0.08));
  border-color: var(--accent);
  color: var(--accent);
}

[data-theme="light"] .hp-bar {
  background: var(--border-light);
  border-color: var(--border);
}

[data-theme="light"] .map-realtime {
  background: var(--bg-input);
  border-color: var(--border);
}

[data-theme="light"] #map {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-theme="light"] .inline-check-row,
[data-theme="light"] .check-inline,
[data-theme="light"] .tool-buttons,
[data-theme="light"] .icon-btn,
[data-theme="light"] .table-icon-btn,
[data-theme="light"] .turnbar,
[data-theme="light"] .turnbar-item {
  background: var(--bg-input);
  border-color: var(--border);
}

[data-theme="light"] .token-color-input {
  background: var(--bg-input);
  border-color: var(--border);
}

[data-theme="light"] .concentration-badge {
  background: rgba(26,138,62,0.12);
  color: var(--hp-ok);
  border-color: rgba(26,138,62,0.25);
}

[data-theme="light"] .player-pill {
  background: var(--bg-input);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="light"] .player-color {
  border-color: rgba(0,0,0,.2);
}

[data-theme="light"] .topbar {
  background: var(--bg-surface);
  border-bottom-color: var(--border);
}

[data-theme="light"] .pill {
  background: var(--bg-panel);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="light"] .content > .panel.map-controls {
  border-right-color: var(--border);
}

/* Light theme: new elements */
[data-theme="light"] .combat-actions-bar {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-theme="light"] .form-group {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.06);
}

[data-theme="light"] .form-group-label {
  color: var(--text-muted);
}

[data-theme="light"] .section-details summary::before {
  border-left-color: var(--accent);
}