/* =============================================================================
   buttons.css: Shared button base styles
   ============================================================================= */

/* Base Button */
/*-------------*/
button,
a[role="button"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  background: transparent;
  color: var(--ll-accent);
  border: 1px solid var(--ll-accent);
  border-radius: var(--ll-radius);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  text-decoration: none;
}

button:hover:not(:disabled),
a[role="button"]:hover {
  background: var(--ll-accent);
  color: var(--ll-bg);
  border-color: var(--ll-accent);
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

button:focus-visible,
a[role="button"]:focus-visible {
  outline: 2px solid var(--ll-accent);
  outline-offset: 2px;
}