/* --- CHUTE BOLEIROS THEME --- */

:root {
  --neon-green: #39FF14;
  --dark-gray: #1C1C1C;
  --bright-yellow: #FFD700;
  --text-light: #F8F9FA;
  --text-muted: #ADB5BD;
}

body {
  background-color: #000000;
  color: var(--text-light);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.mobile-frame {
  max-width: 375px;
  margin: 0 auto;
  background-color: #000;
  min-height: 100vh;
  position: relative;
  padding-top: 70px; /* Header height */
  padding-bottom: 70px; /* Footer height */
}

.fixed-header, .fixed-footer {
  background-color: #000000;
  max-width: 375px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.fixed-header {
  border-bottom: 1px solid var(--dark-gray);
}

.fixed-footer {
  background-color: var(--dark-gray);
}

.logo-text {
  color: var(--neon-green);
  font-weight: bold;
  font-size: 1.5rem;
}

.slogan-text {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.icon-group i {
  font-size: 1.5rem;
  color: var(--text-light);
}

.profile-block, .card-group {
  background-color: var(--dark-gray);
}

.neon-text {
  color: var(--neon-green);
  font-weight: bold;
  text-transform: uppercase;
}

.star-icon {
    color: var(--bright-yellow);
}

.btn-neon {
  background-color: var(--neon-green);
  color: #000000;
  font-weight: bold;
  border-radius: 50rem; /* pill shape */
}

.btn-neon:hover {
    background-color: #30e014;
    color: #000;
}