@import "./reset.css";
@import "./toastify.css";

html, body {
  --cream: #eee;
  background-color: var(--cream);
}

.hidden {
  display: none;
}

svg {
  fill: currentColor;
}


/* @media print {
  body * {
    visibility: hidden;
  }

  @page { margin: 0; };
} */

.flex {
  display: flex;
}

.w-half {
  width: 50%;
}

.grow-1 {
  flex-grow: 1;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.overflow-auto {
  overflow: auto;
}

.text-center {
  text-align: center;
}

button.primary {
  color: #f3f4f6;
  background-color: #6d28d9;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: #6d28d9;
}

button.secondary {
  color: #6d28d9;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: #6d28d9;
}

button.primary:hover {
  background-color: #7c3aed;
}

button:disabled,
button[disabled] {
  color: #666666;
  border-color: #666666;
  cursor: not-allowed;
}