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

@layer base {
  :root {
    --color-primary: #263069;
    --color-primary-hover: #1e2654;
    --color-primary-dark: #171d42;
    --color-primary-light: #39468f;
    --color-accent-red: #c12026;
    --color-accent-red-hover: #a3171c;
    --color-omu-navy: #263069;
    --color-omu-navy-dark: #171d42;
    --color-omu-red: #c12026;
    --color-omu-red-dark: #a3171c;
    --color-background-light: #f8fafc;
    --color-background-dark: #0b1120;
  }
}

html:lang(tr), [lang="tr"] {
  font-feature-settings: "locl" 1;
}

/* Status Badge High-Contrast Classes */
.badge-stage-purple {
  background-color: #f3e8ff !important;
  color: #581c87 !important;
  border: 1px solid #d8b4fe !important;
}
.dark .badge-stage-purple {
  background-color: rgba(88, 28, 135, 0.45) !important;
  color: #f3e8ff !important;
  border: 1px solid #9333ea !important;
}

.badge-stage-emerald {
  background-color: #d1fae5 !important;
  color: #064e3b !important;
  border: 1px solid #6ee7b7 !important;
}
.dark .badge-stage-emerald {
  background-color: rgba(6, 78, 59, 0.45) !important;
  color: #d1fae5 !important;
  border: 1px solid #059669 !important;
}

.badge-stage-blue {
  background-color: #dbeafe !important;
  color: #1e3a8a !important;
  border: 1px solid #93c5fd !important;
}
.dark .badge-stage-blue {
  background-color: rgba(30, 58, 138, 0.45) !important;
  color: #dbeafe !important;
  border: 1px solid #2563eb !important;
}

.badge-stage-indigo {
  background-color: #e0e7ff !important;
  color: #312e81 !important;
  border: 1px solid #a5b4fc !important;
}
.dark .badge-stage-indigo {
  background-color: rgba(49, 46, 129, 0.45) !important;
  color: #e0e7ff !important;
  border: 1px solid #4f46e5 !important;
}

.badge-stage-orange {
  background-color: #ffedd5 !important;
  color: #7c2d12 !important;
  border: 1px solid #fdba74 !important;
}
.dark .badge-stage-orange {
  background-color: rgba(124, 45, 18, 0.45) !important;
  color: #ffedd5 !important;
  border: 1px solid #ea580c !important;
}

.badge-stage-amber {
  background-color: #fef3c7 !important;
  color: #78350f !important;
  border: 1px solid #fcd34d !important;
}
.dark .badge-stage-amber {
  background-color: rgba(120, 53, 15, 0.45) !important;
  color: #fef3c7 !important;
  border: 1px solid #d97706 !important;
}

.badge-stage-cyan {
  background-color: #cffafe !important;
  color: #164e63 !important;
  border: 1px solid #67e8f9 !important;
}
.dark .badge-stage-cyan {
  background-color: rgba(22, 78, 99, 0.45) !important;
  color: #cffafe !important;
  border: 1px solid #0891b2 !important;
}

.badge-stage-red {
  background-color: #fee2e2 !important;
  color: #7f1d1d !important;
  border: 1px solid #fca5a5 !important;
}
.dark .badge-stage-red {
  background-color: rgba(127, 29, 29, 0.45) !important;
  color: #fee2e2 !important;
  border: 1px solid #dc2626 !important;
}

.badge-stage-slate {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}
.dark .badge-stage-slate {
  background-color: rgba(15, 23, 42, 0.45) !important;
  color: #f1f5f9 !important;
  border: 1px solid #64748b !important;
}

/* Custom scrollbar for better aesthetics in split view */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 20px;
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #475569;
}

/* PDF Viewer Mockup pattern */
.pdf-pattern {
  background-color: #ffffff;
  background-image: linear-gradient(#f1f5f9 1px, transparent 1px), linear-gradient(90deg, #f1f5f9 1px, transparent 1px);
  background-size: 20px 20px;
}

.dark .pdf-pattern {
  background-color: #1e293b;
  background-image: linear-gradient(#334155 1px, transparent 1px), linear-gradient(90deg, #334155 1px, transparent 1px);
}

/* Form alanları: belirgin çerçeve */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="url"],
input[type="search"],
select,
textarea {
  border: 1.5px solid #9ca3af !important; /* gray-400 */
  border-radius: 0.375rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
  border-color: #263069 !important; /* primary */
  box-shadow: 0 0 0 2px rgba(38, 48, 105, 0.15) !important;
  outline: none;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *


 */

/* ==========================================================================
   Status Badge High-Contrast Classes (Crystal Clear & Readable)
   ========================================================================== */

.badge-stage-purple {
  background-color: #f3e8ff !important;
  color: #581c87 !important;
  border: 1.5px solid #d8b4fe !important;
}
.dark .badge-stage-purple {
  background-color: #3b0764 !important;
  color: #f3e8ff !important;
  border: 1.5px solid #a855f7 !important;
}

.badge-stage-emerald {
  background-color: #d1fae5 !important;
  color: #064e3b !important;
  border: 1.5px solid #6ee7b7 !important;
}
.dark .badge-stage-emerald {
  background-color: #022c22 !important;
  color: #d1fae5 !important;
  border: 1.5px solid #10b981 !important;
}

.badge-stage-blue {
  background-color: #dbeafe !important;
  color: #1e3a8a !important;
  border: 1.5px solid #93c5fd !important;
}
.dark .badge-stage-blue {
  background-color: #172554 !important;
  color: #dbeafe !important;
  border: 1.5px solid #3b82f6 !important;
}

.badge-stage-indigo {
  background-color: #e0e7ff !important;
  color: #312e81 !important;
  border: 1.5px solid #a5b4fc !important;
}
.dark .badge-stage-indigo {
  background-color: #1e1b4b !important;
  color: #e0e7ff !important;
  border: 1.5px solid #6366f1 !important;
}

.badge-stage-orange {
  background-color: #ffedd5 !important;
  color: #7c2d12 !important;
  border: 1.5px solid #fdba74 !important;
}
.dark .badge-stage-orange {
  background-color: #431407 !important;
  color: #ffedd5 !important;
  border: 1.5px solid #f97316 !important;
}

.badge-stage-amber {
  background-color: #fef3c7 !important;
  color: #78350f !important;
  border: 1.5px solid #fcd34d !important;
}
.dark .badge-stage-amber {
  background-color: #451a03 !important;
  color: #fef3c7 !important;
  border: 1.5px solid #f59e0b !important;
}

.badge-stage-cyan {
  background-color: #cffafe !important;
  color: #164e63 !important;
  border: 1.5px solid #67e8f9 !important;
}
.dark .badge-stage-cyan {
  background-color: #083344 !important;
  color: #cffafe !important;
  border: 1.5px solid #06b6d4 !important;
}

.badge-stage-red {
  background-color: #fee2e2 !important;
  color: #7f1d1d !important;
  border: 1.5px solid #fca5a5 !important;
}
.dark .badge-stage-red {
  background-color: #450a0a !important;
  color: #fee2e2 !important;
  border: 1.5px solid #ef4444 !important;
}

.badge-stage-slate {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
}
.dark .badge-stage-slate {
  background-color: #0f172a !important;
  color: #f1f5f9 !important;
  border: 1.5px solid #64748b !important;
}