@import "tailwindcss";

@source "../../lib/plato/web/**/*.{heex,ex}";

@layer components {
  a {
    @apply text-blue-600;
  }

  .container {
    max-width: var(--container-4xl);
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .back-link {
    @apply text-blue-600 hover:underline mb-20 inline-block;
  }

  .pl-button {
    @apply bg-blue-600 text-white font-semibold py-2 px-4 rounded hover:bg-blue-700 inline-block;
    text-decoration: none;
    margin-right: 0.5rem;
  }

  .pl-button-secondary {
    @apply bg-gray-600 text-white font-semibold py-2 px-4 rounded hover:bg-gray-700 inline-block;
    text-decoration: none;
  }

  .pl-entry {
    @apply p-4 bg-gray-200 rounded mb-6;
  }
}