/* AL60 Scrabble Go – Design V2 Override */

.al60s-wrap {
  --s-primary:    var(--al60-primary, #1F6F5B);
  --s-primary-dk: var(--al60-primary-dark, #145443);
  --s-green:      var(--al60-primary, #1F6F5B);
  --s-green-dk:   var(--al60-primary-dark, #145443);
  --s-orange:     #C47F2C;
  --s-bg:         #FAF8F3;
  --s-surface:    #FFFFFF;
  --s-border:     #D8D3C7;
  --s-text:       #1F2933;
  --s-muted:      #4B5563;

  font-size: 18px;
}

/* Modus-Auswahl */
.al60s-mode-box {
  background: #FFFFFF;
  border: 1px solid #D8D3C7;
  border-radius: 20px;
  padding: 2.5rem 2rem;
  box-shadow: 0 6px 24px rgba(0,0,0,0.07);
}

/* Alle Buttons */
.al60s-btn {
  min-height: 52px;
  font-size: 17px;
  border-radius: 10px;
  font-weight: 700;
}

.al60s-btn:focus {
  outline: 3px solid #005FCC;
  outline-offset: 3px;
}

.al60s-btn-primary { background: var(--al60-primary); color: #fff; }
.al60s-btn-primary:hover { background: var(--al60-primary-dark); }

.al60s-btn-green { background: var(--al60-primary); color: #fff; }
.al60s-btn-green:hover { background: var(--al60-primary-dark); }

.al60s-btn-blue  { background: var(--al60-primary); color: #fff; }
.al60s-btn-blue:hover { background: var(--al60-primary-dark); }

.al60s-btn-orange { background: #C47F2C; color: #fff; }

.al60s-btn-outline {
  border: 2px solid var(--al60-primary);
  color: var(--al60-primary);
  background: transparent;
}
.al60s-btn-outline:hover { background: var(--al60-primary-soft); }

/* Modus-Buttons größer */
.al60s-mode-buttons .al60s-btn {
  min-height: 60px;
  font-size: 18px;
  width: 100%;
}

/* Score/Info-Panels */
.al60s-score-panel,
.al60s-info-bar {
  background: #F4EFE6;
  border: 1px solid #D8D3C7;
  border-radius: 10px;
}