/**
 * Star Sailors Index – Test-Farbschema
 * Background: #1C1D21 | Surface: #23242A | Surface Elevated: #2A2C33
 * Primary: #7A5AF8 | Primary Hover: #6D4EE6
 * Text Primary: #F5F6F8 | Text Secondary: #A0A3AD
 * Border: #2E3038
 */

body.star-sailors-index {
  --ty-bg: #1c1d21;
  --ty-surface: #23242a;
  --ty-surface-elevated: #2a2c33;
  --ty-primary: #7a5af8;
  --ty-primary-hover: #6d4ee6;
  --ty-text-primary: #f5f6f8;
  --ty-text-secondary: #a0a3ad;
  --ty-border: #2e3038;

  background-color: var(--ty-bg);
  color: var(--ty-text-primary);
}

body.star-sailors-index .content-container {
  background-color: transparent;
}

body.star-sailors-index .left-menu,
body.star-sailors-index .left-menu-logo,
body.star-sailors-index .left-menu-content-wrapper {
  background-color: var(--ty-bg);
  border-color: var(--ty-border);
}

body.star-sailors-index .left-menu-nav .nav-link-item:hover,
body.star-sailors-index .left-menu-nav .nav-link-item.active {
  background-color: var(--ty-surface-elevated);
}

body.star-sailors-index .left-menu-nav hr {
  background-color: var(--ty-border);
}

body.star-sailors-index .top-nav {
  background-color: var(--ty-bg);
}

body.star-sailors-index .game-switcher {
  background-color: var(--ty-surface);
  border-bottom-color: var(--ty-border);
}

body.star-sailors-index h1,
body.star-sailors-index h2,
body.star-sailors-index h3,
body.star-sailors-index h4,
body.star-sailors-index h5,
body.star-sailors-index h6 {
  color: var(--ty-text-primary);
}

body.star-sailors-index .intro-text,
body.star-sailors-index p {
  color: var(--ty-text-secondary);
}

body.star-sailors-index .guide-card {
  background-color: var(--ty-surface);
  border-color: var(--ty-border);
}

body.star-sailors-index .guide-card:hover {
  border-color: var(--ty-primary);
}

body.star-sailors-index .guide-card h3 {
  color: var(--ty-text-primary) !important;
}

body.star-sailors-index .intro-discord-btn {
  background-color: var(--ty-primary);
}

body.star-sailors-index .intro-discord-btn:hover {
  background: var(--ty-primary-hover);
}

body.star-sailors-index .intro-youtube-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #c4302b;
  color: white;
  padding: 12px 28px;
  border-radius: 2px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.05rem;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(196, 48, 43, 0.3);
}

body.star-sailors-index .intro-youtube-btn:hover {
  background-color: #e53935;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(196, 48, 43, 0.4);
  color: white;
}

body.star-sailors-index .header-kofi-btn,
body.star-sailors-index .header-discord-btn {
  border-color: var(--ty-border);
}

body.star-sailors-index .no-ads-btn {
  background-color: var(--ty-surface);
  border-color: var(--ty-border);
  color: var(--ty-text-primary);
}

body.star-sailors-index .no-ads-btn:hover {
  background-color: var(--ty-surface-elevated);
  border-color: var(--ty-primary);
}

body.star-sailors-index .event-timer-bsr {
  background: var(--ty-surface);
  border: 1px solid var(--ty-border);
}

body.star-sailors-index .event-datetime-bsr {
  color: var(--ty-text-secondary);
}

body.star-sailors-index .event-countdown-bsr {
  color: var(--ty-primary);
}