/* Mood Tube — YouTube red meets Daft Punk gold */
:root {
  --brand-red: #FF0000;
  --brand-red-dark: #CC0000;
  --brand-gold: #F5A623;
  --brand-dark: #1A1A2E;

  --pico-primary: #FF0000;
  --pico-primary-hover: #CC0000;
  --pico-primary-focus: rgba(255, 0, 0, 0.2);
  --pico-primary-inverse: #fff;
  --success: #10B981;
  --error: #DC2626;
}

/* Nav logout — match link style, no box */
nav ul li form.nav-logout {
  display: contents;
}
nav ul li form.nav-logout button {
  background: none;
  border: none;
  color: inherit;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
}
nav ul li form.nav-logout button:hover {
  color: var(--brand-red);
  background: none;
  box-shadow: none;
}

.error {
  color: var(--error);
  background: #FEE2E2;
  padding: 0.75rem;
  border-radius: 4px;
  margin: 1rem 0;
}

.success {
  color: #065F46;
  background: #D1FAE5;
  padding: 0.75rem;
  border-radius: 4px;
  margin: 1rem 0;
}

.logo {
  text-decoration: none;
}

/* Auth forms — narrower than default container */
.auth-form {
  max-width: 600px;
  margin: 0 auto;
}

/* Inline button row — side by side, no form margin gap */
.token-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.token-actions form {
  margin: 0;
}
.token-actions button {
  white-space: nowrap;
}