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

* {
  font-family: "Figtree", sans-serif;
}

/* * THEMES */
[data-theme="light"] {
  --card: #d8dbe0;
  --border: #d1d5db;
}

[data-theme="dark"] {
  --card: #27272a;
  --border: #27272a;
}

.title {
  @apply text-2xl font-medium tracking-tight;
}

.header {
  @apply flex flex-wrap items-center justify-between py-4 gap-y-3 min-h-20;
}

.container {
  @apply px-2 mx-auto max-w-8xl sm:px-5;
}

.btn-ghost {
  @apply hover:bg-base-content/15
}

.modal .input,
.modal .select,
.modal .textarea {
  @apply bg-base-200 md:bg-base-100;
}

.table thead tr {
  @apply border-b-0;
}

.table tbody tr {
  @apply hover:bg-base-300/80;
}


th {
  @apply font-medium;
}

.table thead th {
  @apply bg-base-200/60 dark:bg-base-200/80 font-normal text-sm first:rounded-l-box last:rounded-r-box;
}

.table.table-warning thead th {
  @apply bg-warning/15 text-warning;
}

.table.table-error thead th {
  @apply bg-error/15 text-error;
}

.input:focus {
  @apply outline-primary;
}

.select:focus {
  @apply outline-primary;
}

.textarea:focus {
  @apply outline-primary;
}

/* PAGY */
.pagy.nav {
  @apply flex justify-end mt-6;
}

.pagy.nav a {
  @apply rounded-none btn first:rounded-l-btn last:rounded-r-btn;
}

.pagy.nav a[aria-disabled] {
  @apply btn-disabled opacity-60;
}

.pagy.nav .current {
  @apply btn-secondary !opacity-100;
}

.btn.btn-secondary-error {
  @apply btn-ghost bg-error/20 hover:bg-error/15 text-error;
}

.btn.btn-secondary-warning {
  @apply btn-ghost bg-warning/20 hover:bg-warning/15 text-warning;
}

.stat-value {
  @apply font-normal;
}

@media (display-mode: standalone) {

  html,
  body {
    overscroll-behavior: none;
  }
}