/*
 * FNS e-Sign 브랜드 오버라이드
 * - Documenso 기본 연두색(#A2E771 계열) → fnsusa.com 블루(#005982 계열)
 * - 좌측 상단 Documenso 로고 → e-Sign 로고
 * Nginx sub_filter 로 모든 HTML 페이지에 주입됨 (/etc/nginx/sites-available/esign.itsscm.com)
 */

/* ---------- 테마 변수 (라이트) ---------- */
:root,
.dark-mode-disabled {
  --primary: 199 100% 25.5%;            /* #005982 */
  --primary-foreground: 0 0% 100%;
  --ring: 199 100% 25.5%;

  --field-card: 199 70% 94%;
  --field-card-border: 199 100% 25.5%;
  --card-border-tint: 0 89 130;

  --new-primary-50: 199, 100%, 97%;
  --new-primary-100: 199, 85%, 93%;
  --new-primary-200: 199, 80%, 85%;
  --new-primary-300: 199, 75%, 72%;
  --new-primary-400: 199, 75%, 55%;
  --new-primary-500: 199, 100%, 35%;
  --new-primary-600: 199, 100%, 25.5%;
  --new-primary-700: 199, 100%, 20%;
  --new-primary-800: 199, 100%, 15%;
  --new-primary-900: 199, 100%, 10%;
  --new-primary-950: 199, 100%, 6%;
}

/* ---------- 테마 변수 (다크) ---------- */
.dark:not(.dark-mode-disabled) {
  --primary: 204 100% 42%;              /* 어두운 배경에서 잘 보이는 FNS 블루 */
  --primary-foreground: 0 0% 100%;
  --ring: 204 100% 42%;

  --field-card: 199 60% 20%;
  --field-card-border: 204 100% 42%;
  --card-border-tint: 0 109 185;

  --new-primary-50: 199, 100%, 97%;
  --new-primary-100: 199, 85%, 93%;
  --new-primary-200: 199, 80%, 85%;
  --new-primary-300: 199, 75%, 72%;
  --new-primary-400: 199, 75%, 55%;
  --new-primary-500: 204, 100%, 42%;
  --new-primary-600: 199, 100%, 30%;
  --new-primary-700: 199, 100%, 22%;
  --new-primary-800: 199, 100%, 15%;
  --new-primary-900: 199, 100%, 10%;
  --new-primary-950: 199, 100%, 6%;
}

/* ---------- Tailwind "documenso" 고정 색상 클래스 ---------- */
.bg-documenso,
.group:hover .group-hover\:bg-documenso,
.data-\[state\=checked\]\:bg-documenso[data-state=checked],
.dark\:bg-documenso:is(.dark:not(.dark-mode-disabled) *) {
  background-color: rgb(0 89 130 / var(--tw-bg-opacity, 1));
}
.bg-documenso-200 { background-color: rgb(214 236 245 / var(--tw-bg-opacity, 1)); }
.border-documenso-300 { border-color: rgb(169 211 230 / var(--tw-border-opacity, 1)); }
.group:hover .group-hover\:border-documenso\/80 { border-color: #005982cc; }

.text-documenso,
.group:hover .group-hover\:text-documenso { color: rgb(0 89 130 / var(--tw-text-opacity, 1)); }
.hover\:text-documenso-600:hover { color: rgb(0 109 185 / var(--tw-text-opacity, 1)); }
.text-documenso-700 { color: rgb(0 89 130 / var(--tw-text-opacity, 1)); }
.text-documenso-800 { color: rgb(0 70 102 / var(--tw-text-opacity, 1)); }
.text-documenso-900 { color: rgb(0 50 74 / var(--tw-text-opacity, 1)); }

/* ---------- 로고: Documenso 워드마크 → e-Sign ---------- */
svg[viewBox="0 0 2248 320"] {
  aspect-ratio: 360 / 100;
  width: auto;
  background: url("/fns-brand/esign-logo.svg?v=1") left center / contain no-repeat;
}
.dark:not(.dark-mode-disabled) svg[viewBox="0 0 2248 320"] {
  background-image: url("/fns-brand/esign-logo-dark.svg?v=1");
}
svg[viewBox="0 0 2248 320"] > * { display: none; }

/* ---------- 로고: Documenso 아이콘(모바일 등) → e-Sign 엠블럼 ---------- */
svg[viewBox="0 0 84 84"] {
  aspect-ratio: 86 / 100;
  width: auto;
  background: url("/fns-brand/esign-icon.svg?v=1") center / contain no-repeat;
}
svg[viewBox="0 0 84 84"] > * { display: none; }

/* ---------- 로그인/에러 화면 배경 무늬: 연두 → 블루 ---------- */
img[src*="background-pattern"] {
  filter: hue-rotate(104deg) saturate(0.9);
}