@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Plus Jakarta Sans", "Inter", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --color-brand-primary: #E44332;
  --color-brand-primary-hover: #f05443;
  --color-brand-dark: #FAF6F0;
  --color-brand-gray: #A29A8F;
  --color-brand-light: #151412;
}

body {
  font-family: var(--font-sans);
  background-color: #151412 !important;
  color: #E3DDD3 !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: #FAF6F0 !important;
}

/* Global comfortable utility overrides to prevent bright white flash */
.bg-white {
  background-color: #1D1C19 !important;
}

header.bg-white\/95 {
  background-color: rgba(29, 28, 25, 0.95) !important;
  backdrop-filter: blur(12px) !important;
}

/* Override standard bg-gray-50 to a deeper cozy linen color to preserve hierarchy */
.bg-gray-50, .bg-gray-50\/50, .bg-slate-50, .bg-zinc-50, .bg-neutral-50, .bg-stone-50 {
  background-color: #24221F !important;
}

.bg-gray-100, .bg-slate-100, .bg-zinc-100, .bg-neutral-100, .bg-stone-100 {
  background-color: #2D2A26 !important;
}

.bg-\[\#fafafa\] {
  background-color: #1D1C19 !important;
}

/* Soften text color to avoid extreme high-contrast fatigue */
.text-\[\#1f1f1f\], .text-gray-900 {
  color: #FAF6F0 !important;
}

.text-gray-800 {
  color: #F4EFEB !important;
}

.text-gray-700 {
  color: #E3DDD3 !important;
}

.text-gray-600 {
  color: #C5BEB4 !important;
}

.text-gray-500 {
  color: #A29A8F !important;
}

.text-gray-400 {
  color: #80796F !important;
}

/* Softer warm dark border accents */
.border-gray-100 {
  border-color: #24221F !important;
}

.border-gray-200 {
  border-color: #35322E !important;
}

.border-gray-50 {
  border-color: #24221F !important;
}

/* Form inputs with cozy backgrounds */
input, textarea, select {
  background-color: #151412 !important;
  border-color: #35322E !important;
  color: #FAF6F0 !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #E44332 !important;
  outline: none;
  box-shadow: 0 0 0 1px #E44332 !important;
}

/* Card hover overrides */
.hover\:border-sky-500:hover {
  border-color: #E44332 !important;
}

.group:hover .group-hover\:bg-sky-50 {
  background-color: rgba(228, 67, 50, 0.05) !important;
}

.group:hover .group-hover\:text-sky-600 {
  color: #FAF6F0 !important;
}

.group:hover .group-hover\:border-sky-100 {
  border-color: rgba(228, 67, 50, 0.2) !important;
}

/* Selection colors */
::selection {
  background-color: rgba(228, 67, 50, 0.25);
  color: #FFFFFF;
}

/* Hover behaviors */
.hover\:bg-gray-50:hover {
  background-color: #24221F !important;
}

.hover\:bg-gray-100:hover {
  background-color: #2D2A26 !important;
}

/* Soft status colors */
.bg-emerald-50 {
  background-color: #132B1B !important;
  color: #7EE096 !important;
}

.border-emerald-200 {
  border-color: #1F4D2E !important;
}

.bg-amber-50 {
  background-color: #2C2010 !important;
  color: #F2C078 !important;
}

.border-amber-200 {
  border-color: #4E391D !important;
}

.bg-rose-100 {
  background-color: #331414 !important;
  color: #F29C94 !important;
}

.bg-rose-50 {
  background-color: #331414 !important;
  color: #F29C94 !important;
}