/* These styles are generated from project.scss. */

:root {
  --brand-indigo: #1f4e8c;
  --brand-pinra-green: #1e7a50;
  --brand-ink: #1c1a17;
  --brand-paper: #f4f1ea;
  --brand-white: #faf7f2;
  --site-nav-height: 4rem;
}

html,
body {
  overflow-x: clip;
}

.brand-wordmark {
  color: var(--brand-indigo);
  font-family:
    "Space Grotesk",
    ui-sans-serif,
    system-ui,
    sans-serif;
  font-weight: 600;
}

.brand-wordmark__pinra {
  color: var(--brand-pinra-green);
  font-weight: 500;
}

.brand-text-indigo {
  color: var(--brand-indigo);
}

.brand-text-green {
  color: var(--brand-pinra-green);
}

.brand-link:hover {
  color: var(--brand-indigo);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.auth-form-fields input:not([type="checkbox"]):not([type="radio"]),
.auth-form-fields select,
.auth-form-fields textarea {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 1rem;
  background: #fff;
  padding: 0.75rem 1rem;
  color: #0f172a;
  box-shadow: 0 1px 2px 0 rgb(15 23 42 / 0.05);
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease;
}

.auth-form-fields input:not([type="checkbox"]):not([type="radio"]):focus,
.auth-form-fields select:focus,
.auth-form-fields textarea:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgb(191 219 254);
}

.auth-form-fields input[type="checkbox"],
.auth-form-fields input[type="radio"] {
  accent-color: #2563eb;
}

.auth-form-fields ul.errorlist {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Tailwind's preflight reset strips default margins/list-styles, which
   plain markdown output (p/ul/ol/li/blockquote) relies on for readable
   spacing — restore just enough of that here rather than pulling in the
   Tailwind Typography plugin for a handful of description fields. */
.markdown-content > * + * {
  margin-top: 0.5em;
}

.markdown-content ul {
  list-style: disc;
  padding-left: 1.25em;
}

.markdown-content ol {
  list-style: decimal;
  padding-left: 1.25em;
}

.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5,
.markdown-content h6 {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.3;
}

.markdown-content a {
  color: #1d4ed8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.markdown-content a:hover {
  color: #1e3a8a;
}

.markdown-content blockquote {
  border-left: 3px solid #cbd5e1;
  padding-left: 0.75em;
  color: #475569;
}

.markdown-content code {
  background: #f1f5f9;
  border-radius: 0.25rem;
  padding: 0.1em 0.3em;
  font-size: 0.9em;
}

.markdown-content pre {
  background: #f1f5f9;
  border-radius: 0.5rem;
  padding: 0.75em;
  overflow-x: auto;
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}