@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");

:root {
  --color-mzc-black: #162432;
  --color-mzc-blue: #0A2342;
  --color-point-blue: #4270EC;
  --color-mzc-gray: #b1b1b1;
}

body {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14pt;
}

input, select, textarea, button {
  font-size: 14pt;
}

/* Custom minimal scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #475569;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Custom PDF Page Wrapper & Canvas shadows */
.pdf-page-container {
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1), 0 2px 8px -1px rgba(0, 0, 0, 0.06);
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  background-color: white;
  transition: all 0.3s ease;
}
.dark .pdf-page-container {
  border-color: #334155;
  background-color: #1e293b;
}

/* TinyMCE content styles in viewing mode */
.rich-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.375rem;
}
.rich-content ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}
.rich-content ol {
  list-style-type: decimal;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}
.rich-content p {
  margin-bottom: 0.75rem;
}

/* Micro-animations */
.hover-lift {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
}

/* Prevent Tailwind Custom Font Size FOUC */
.text-xs { font-size: 14pt !important; }
.text-sm { font-size: 14.5pt !important; }
.text-base { font-size: 15pt !important; }
.text-lg { font-size: 16pt !important; }
.text-xl { font-size: 18pt !important; }
.text-2xl { font-size: 22pt !important; }
.text-3xl { font-size: 26pt !important; }
.text-4xl { font-size: 32pt !important; }
.text-5xl { font-size: 40pt !important; }
.text-6xl { font-size: 48pt !important; }

/* Story / Index Card — top blue border on hover */
.card-top-hover {
  border-top-width: 4px !important;
  border-top-style: solid !important;
  border-top-color: transparent !important;
  transition: border-top-color 0.25s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.card-top-hover:hover {
  border-top-color: #2763ea !important;
}

/* Status Badge Colors */
/* Production — 블루션 */
.badge-production {
  color: #3B7FE1 !important;
  border-color: #BFDBFE !important;
  background-color: #EFF6FF !important;
}
.dark .badge-production {
  color: #6EAAFF !important;
  border-color: rgba(59, 127, 225, 0.35) !important;
  background-color: rgba(59, 127, 225, 0.12) !important;
}
/* Pilot — 피콕 */
.badge-pilot {
  color: #1CA9C9 !important;
  border-color: #A5F3FC !important;
  background-color: #ECFEFF !important;
}
.dark .badge-pilot {
  color: #38D4EF !important;
  border-color: rgba(28, 169, 201, 0.35) !important;
  background-color: rgba(28, 169, 201, 0.12) !important;
}
/* PoC — 퍼플 (현재 유지) */
.badge-poc {
  color: #9333EA !important;
  border-color: #E9D5FF !important;
  background-color: #FAF5FF !important;
}
.dark .badge-poc {
  color: #C084FC !important;
  border-color: rgba(147, 51, 234, 0.35) !important;
  background-color: rgba(147, 51, 234, 0.12) !important;
}
/* AIR Studio — 퍼플 계열 */
.badge-airstudio {
  color: #7C3AED !important;
  border-color: #DDD6FE !important;
  background-color: #F5F3FF !important;
}
.dark .badge-airstudio {
  color: #A78BFA !important;
  border-color: rgba(124, 58, 237, 0.35) !important;
  background-color: rgba(124, 58, 237, 0.12) !important;
}
/* 혁신금융서비스 — 에메랄드 계열 */
.badge-innovative {
  color: #059669 !important;
  border-color: #A7F3D0 !important;
  background-color: #ECFDF5 !important;
}
.dark .badge-innovative {
  color: #34D399 !important;
  border-color: rgba(5, 150, 105, 0.35) !important;
  background-color: rgba(5, 150, 105, 0.12) !important;
}
/* 프로젝트 유형 배지 — Data (오렌지 계열) */
.badge-area-data {
  color: #D97706 !important;
  border-color: #FDE68A !important;
  background-color: #FFFBEB !important;
}
.dark .badge-area-data {
  color: #FBBF24 !important;
  border-color: rgba(217, 119, 6, 0.35) !important;
  background-color: rgba(217, 119, 6, 0.12) !important;
}
/* 프로젝트 유형 배지 — AI (인디고 계열) */
.badge-area-ai {
  color: #4F46E5 !important;
  border-color: #C7D2FE !important;
  background-color: #EEF2FF !important;
}
.dark .badge-area-ai {
  color: #818CF8 !important;
  border-color: rgba(79, 70, 229, 0.35) !important;
  background-color: rgba(79, 70, 229, 0.12) !important;
}
/* 프로젝트 유형 배지 — Data&AI (로즈 계열) */
.badge-area-dataai {
  color: #DB2777 !important;
  border-color: #FBCFE8 !important;
  background-color: #FDF2F8 !important;
}
.dark .badge-area-dataai {
  color: #F472B6 !important;
  border-color: rgba(219, 39, 119, 0.35) !important;
  background-color: rgba(219, 39, 119, 0.12) !important;
}

/* ─── 교육 일정 카드 hover border ─── */
.calendar-card {
  transition: border-color 0.3s ease;
}
.calendar-card:hover {
  border-color: #2763ea !important;
}

/* Global Footer Copyright Text Color */
#global-footer p {
  color: #b1b1b1 !important;
}