/* AL60 Solitär – Design V2 Override */

/* Token-Override: scoped zu Wrapper (Solitaire nutzt :root, daher hier override) */
.al60-solitaire {
  --sol-accent:      var(--al60-primary, #1F6F5B);
  --sol-accent-dark: var(--al60-primary-dark, #145443);
  --sol-bg:          #FAF8F3;
  --sol-surface:     #FFFFFF;
  --sol-border:      #D8D3C7;
  --sol-primary:     #1F2933;
  --sol-muted:       #4B5563;
  --card-back-1:     var(--al60-primary, #1F6F5B);
  --card-back-2:     var(--al60-primary-dark, #145443);

  background: #FAF8F3;
  border-radius: 16px;
}

/* Stats-Bar: Grün statt Blau */
.al60-solitaire .al60-stats-bar {
  background: var(--al60-primary);
  border-radius: 10px;
}

/* Kontrollen-Buttons */
.al60-solitaire .al60-btn {
  min-height: 48px;
  font-size: 16px;
  border-radius: 10px;
  font-weight: 700;
}

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

/* Gewinn-Screen */
.al60-solitaire .al60-win-dialog {
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

.al60-solitaire .al60-win-dialog h2 {
  color: var(--al60-primary);
  font-size: 1.6rem;
}

.al60-solitaire .al60-win-buttons .al60-btn {
  min-height: 52px;
  font-size: 17px;
}

/* Kartenrücken: grün */
.al60-solitaire .al60-card-back-face {
  background: linear-gradient(135deg, var(--al60-primary) 0%, var(--al60-primary-dark) 100%);
}

@media (max-width: 600px) {
  .al60-solitaire .al60-btn {
    font-size: 15px;
    min-height: 44px;
  }
}