@charset "utf-8";
/* ==========================================================================
   BMTECH — 전역 디자인 토큰 (단일 진실원천)
   레퍼런스: carbonomy.net (2026-08-24 실측)
   --------------------------------------------------------------------------
   이 파일은 값만 선언한다. 셀렉터를 쓰지 않는다.
   실제 적용(레거시 선택자 remap)은 bmtech-base.css 가 맨 마지막에 한다.

   로드 순서 (head.sub.php):
     bmtech-tokens.css   ← 여기. 제일 먼저. 모두가 var() 로 참조
     css/default.css     → @import reset/bxslider/common/sub/style
     ...
     bmtech-base.css     ← 제일 마지막. 레거시 하드코딩을 토큰으로 덮는다

   카보노미에서 가져온 것은 '색' 이 아니라 '규율' 이다:
     · 무채색 베이스 + 액센트 1색만
     · 헤딩일수록 자간을 더 조인다 (-0.03em → -0.01em)
     · 보더는 1px 한 종류, 그림자는 1개만
     · 전환은 전부 0.3s ease
     · 섹션 사이 여백을 크게 (카보노미 210/90 → 여기 140/100)
   액센트는 비엠텍 기존 브랜드 블루 #004b9b 를 유지한다.
   ========================================================================== */

:root {

  /* --- 브랜드 액센트 (5단 램프) -----------------------------------------
     레거시에 흩어진 블루 30여 종을 이 5개로 수렴시킨다.
     기존값 대응: #004b9b→accent · #4475cb/#5887db/#2475d0→accent-mid
                  #8fb8ea/#74bdf6/#5ab1e6→accent-soft · #1c3f6e/#12294f→accent-deep */
  --bmt-accent:        #004b9b;   /* 브랜드 원색. CTA·강조 텍스트·활성 탭 */
  --bmt-accent-hover:  #00376f;   /* 솔리드 위 hover */
  --bmt-accent-mid:    #3a6cbf;   /* 표 헤더·보조 버튼. 기존 #4475cb 계열 통합 */
  --bmt-accent-soft:   #8fb0dc;   /* 옅은 블록 배경. 기존 #8fb8ea 계열 통합 */
  --bmt-accent-deep:   #16375F;   /* 짙은 네이비 블록. 기존 #1c3f6e/#12294f 통합 */
  --bmt-accent-tint:   #EDF2F9;   /* 아주 옅은 배경 (표 짝수행·카드 바닥) */

  /* --- 무채색 ------------------------------------------------------------
     카보노미: 본문이 #666 하나로 통일돼 있다. 레거시의 #333/#555/#666/#737373
     4종을 ink/body 2종으로 줄인다. */
  --bmt-ink:           #111111;   /* 제목. 카보노미 #000/#111 */
  --bmt-body:          #666666;   /* 본문. 카보노미 실측 그대로 */
  --bmt-muted:         #999999;   /* 캡션·주석 */
  --bmt-inverse:       #FFFFFF;

  /* 다크 밴드 위 텍스트 — 푸터 사이트맵 등 반전 배경에서 쓴다 */
  --bmt-on-dark:       #FFFFFF;
  --bmt-on-dark-muted: rgba(255, 255, 255, .58);

  /* 의미색 — 액센트 1색 규율의 예외. '수출전용' 같은 고지에만 쓴다 */
  --bmt-warn:          #D64545;

  --bmt-surface:       #FFFFFF;
  --bmt-surface-alt:   #F7F8FA;   /* 섹션 교대 배경. 기존 #f7f7f7 */
  --bmt-surface-dark:  #191919;
  --bmt-line:          #D9D9D9;   /* 카보노미 실측 1px solid #D9D9D9 */
  --bmt-line-soft:     #EAEAEA;

  /* --- 타이포 ------------------------------------------------------------ */
  --bmt-font:     'Pretendard Variable', Pretendard, 'Noto Sans KR', -apple-system, sans-serif;
  --bmt-font-num: 'DM Sans', 'Pretendard Variable', Pretendard, sans-serif;  /* 숫자·영문 */

  /* 스케일 — 카보노미(46.5/33/24/19.5/16.5/15) 를 본문 16px 기준으로 재정렬 */
  --bmt-fs-hero:    52px;   /* 서브 히어로 전용. 한 페이지에 한 번만 쓰는 자리라
                               섹션 제목(34px)보다 확실히 커야 위계가 산다 */
  --bmt-fs-display: 46px;
  --bmt-fs-h1:      40px;
  --bmt-fs-h2:      34px;
  --bmt-fs-h3:      26px;
  --bmt-fs-h4:      20px;
  --bmt-fs-lg:      18px;
  --bmt-fs-base:    16px;
  --bmt-fs-sm:      14px;
  --bmt-fs-xs:      13px;

  /* 자간 — 클수록 더 조인다. 카보노미의 핵심 규칙 */
  --bmt-ls-display: -0.03em;
  --bmt-ls-heading: -0.02em;
  --bmt-ls-body:    -0.01em;

  /* 행간 */
  --bmt-lh-display: 1.3;
  --bmt-lh-heading: 1.4;
  --bmt-lh-body:    1.7;   /* 카보노미 16.5px/28.05px */
  --bmt-lh-tight:   1.5;

  --bmt-fw-bold:    700;
  --bmt-fw-semi:    600;
  --bmt-fw-med:     500;
  --bmt-fw-reg:     400;

  /* --- 레이아웃 ----------------------------------------------------------
     본문 축 = 서브비주얼 본문 컨테이너와 동일 (max 1600 + 좌우 74 = 실질 1452).
     2026-08-26 대표 지시 — 헤더·푸터(full+5vw)는 별도 축, 콘텐츠는 전부 이 축 */
  --bmt-container:  1600px;
  --bmt-gutter:     74px;

  /* 섹션 리듬 — 카보노미 210/90 의 약 70% */
  --bmt-sec-pt:     140px;
  --bmt-sec-pb:     100px;
  --bmt-block-gap:  100px;    /* .m_box / .p_box 사이 */
  --bmt-title-gap:  50px;     /* 제목 → 본문 */

  /* --- 형태 -------------------------------------------------------------- */
  --bmt-radius:      6px;     /* 카보노미 기본 */
  --bmt-radius-lg:   12px;
  --bmt-radius-pill: 999px;   /* CTA */
  --bmt-border:      1px solid var(--bmt-line);
  --bmt-shadow:      0 4px 16px rgba(0, 0, 0, .12);   /* 카보노미 유일 그림자 */

  /* --- 모션 -------------------------------------------------------------- */
  --bmt-duration: .3s;        /* 카보노미 전 요소 0.3s ease */
  --bmt-ease:     ease;
  --bmt-transition: var(--bmt-duration) var(--bmt-ease);
}

/* --- 태블릿 이하 축소 ------------------------------------------------------
   카보노미는 vw 기반 유동 타이포지만, 여기는 1280 고정폭 레거시라
   브레이크포인트 2개로 끊는 편이 회귀가 적다. */
@media (max-width: 1320px) {
  :root {
    --bmt-container: 100%;
    --bmt-gutter:    40px;
  }
}

@media (max-width: 1080px) {
  :root {
    --bmt-gutter:     24px;
    --bmt-fs-hero:    34px;
    --bmt-fs-display: 32px;
    --bmt-fs-h1:      30px;
    --bmt-fs-h2:      26px;
    --bmt-fs-h3:      21px;
    --bmt-fs-h4:      18px;
    --bmt-fs-lg:      16px;
    --bmt-sec-pt:     90px;
    --bmt-sec-pb:     64px;
    --bmt-block-gap:  64px;
    --bmt-title-gap:  32px;
  }
}