/* ============================================================
   비티 축산시설이엔지 (BT Livestock Facilities Engineering)
   Design Tokens (SSOT) — 로고 팩 팔레트 (Deep Teal + Cyan)
   ============================================================ */

:root {
  /* ── Brand (로고 팩 정본 컬러) ── */
  --ink:           #0B1117;
  --midnight:      #111B24;
  --charcoal:      #18232D;
  --deepteal:      #0D6D72;
  --teal-bright:   #00C4B6;
  --cyan:          #6AFBF2;
  --steel:         #C8DBD9;

  /* alias (컴포넌트 호환 — 값만 교체) */
  --navy:          #112E34;
  --navy-700:      #1A4A52;
  --navy-900:      #0B1117;
  --emerald:       #0D6D72;
  --emerald-600:   #0B595E;
  --emerald-700:   #094C50;
  --emerald-soft:  #DCEEEC;

  /* ── Surface / Neutral ── */
  --bg:            #F4F2EA;
  --bg-2:          #EBE9DF;
  --surface:       #FFFFFF;
  --surface-2:     #F8F7F1;

  /* ── Text ── */
  --text:          #14222B;
  --text-2:        #51606A;
  --text-3:        #889098;
  --on-navy:       #EAF4F3;
  --on-navy-2:     #A2B8B6;

  /* ── Border ── */
  --border:        #E6E1D5;
  --border-2:      #D4CFC1;

  /* ── State ── */
  --success:       #0D6D72;
  --warning:       #C98A2B;
  --danger:        #C8463A;

  /* ── Fonts ── */
  --font-sans:    "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", system-ui, sans-serif;
  --font-display: "Pretendard Variable", Pretendard, system-ui, sans-serif;
  --font-latin:   "Inter", var(--font-sans), sans-serif;

  /* ── Type scale (가독성 ↑) ── */
  --t-display: clamp(2.7rem, 7.5vw, 5rem);
  --t-h1:      clamp(2.15rem, 5.5vw, 3.4rem);
  --t-h2:      clamp(1.8rem, 4vw, 2.7rem);
  --t-h3:      1.55rem;
  --t-h4:      1.3rem;
  --t-lead:    clamp(1.15rem, 2vw, 1.35rem);
  --t-body:    1.125rem;
  --t-small:   0.95rem;
  --t-label:   0.78rem;

  --max-w-prose: 62ch;
  --max-w:       1240px;

  /* ── Spacing ── */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 24px;  --space-6: 32px;  --space-7: 48px;  --space-8: 64px;
  --space-9: 96px;  --space-10: 128px; --space-11: 160px;

  /* ── Radius (동글동글) ── */
  --r-xs:   8px;  --r-sm: 12px;  --r-md: 18px;  --r-lg: 26px;  --r-xl: 34px;  --r-pill: 999px;

  /* ── Shadow ── */
  --shadow-sm: 0 2px 8px rgba(11,17,23,.06);
  --shadow-md: 0 14px 34px rgba(11,17,23,.09);
  --shadow-lg: 0 28px 64px rgba(11,17,23,.14);
  --shadow-emerald: 0 12px 28px rgba(13,109,114,.28);

  /* ── Layout ── */
  --rail:   clamp(20px, 6vw, 80px);
  --gutter: 24px;
  --header-h: 78px;

  /* ── Motion ── */
  --dur-fast: 160ms; --dur-base: 320ms; --dur-slow: 640ms; --dur-cine: 1000ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);
}

/* 다크 섹션·푸터에서 강조색을 브라이트 틸로 (대비 pop) */
.section--navy, .footer { --emerald: var(--teal-bright); --emerald-700: var(--teal-bright); }

@media (max-width: 768px) {
  :root { --header-h: 62px; --gutter: 14px; --t-body: 1.0625rem; }
}