@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  h1, h2, h3 {
    @apply font-serif;
  }
}

/* Meeting minutes print on plain pages */
@page {
  margin: 2cm;
}

/* Shared look, matching the landing page */
@layer components {
  .btn-primary {
    @apply inline-flex items-center justify-center rounded-md bg-blue-800 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-stone-950;
  }

  .btn-secondary {
    @apply inline-flex items-center justify-center rounded-md border border-stone-300 bg-white px-4 py-2 text-sm font-semibold text-stone-900 hover:bg-stone-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-700 dark:border-stone-700 dark:bg-transparent dark:text-stone-100 dark:hover:bg-stone-800;
  }

  .form-label {
    @apply block text-sm font-medium text-stone-700 dark:text-stone-300;
  }

  .form-input {
    @apply mt-1 block w-full rounded-md border-stone-300 shadow-sm focus:border-blue-700 focus:ring-blue-700 sm:text-sm dark:border-stone-700 dark:bg-stone-950 dark:text-stone-100;
  }

  .card {
    @apply rounded-2xl border border-stone-200 bg-white shadow-sm dark:border-stone-800 dark:bg-stone-900;
  }

  .eyebrow {
    @apply text-xs font-semibold uppercase tracking-wide text-blue-800 dark:text-blue-400;
  }

  .page-title {
    @apply text-2xl font-semibold tracking-tight sm:text-3xl;
  }

  .link {
    @apply font-medium text-blue-800 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300;
  }

  .empty-state {
    @apply rounded-2xl border border-dashed border-stone-300 px-4 py-10 text-center text-sm text-stone-500 dark:border-stone-700 dark:text-stone-400;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */