/*
 * MediTrans 컬러 팔레트 (단일 기준)
 * ------------------------------------------------------------------
 * - 사이트의 모든 색은 이 파일의 --mt-* 변수만 사용합니다.
 * - common.css 첫 줄에서 @import 하므로 header.php / index.php / blog 페이지에 자동 적용됩니다.
 *   common.css를 불러오지 않는 페이지(doctors-note/index.php)는 이 파일을 직접 <link> 합니다.
 * - 새 색이 필요하면 hex를 직접 쓰지 말고, 아래 단계 중 가장 가까운 것을 고르거나 여기에 변수를 추가합니다.
 * - 상세 용도·예외 목록: docs/color-palette.md
 */
:root {
  /* 메인 청록 — 버튼, 링크, 강조 */
  --mt-primary-dark: #356778;      /* 버튼 마우스오버, 눌림 */
  --mt-primary: #40798c;           /* 브랜드 기본색 */
  --mt-primary-light: #a9c1ca;     /* 연한 강조 테두리(헤더 버튼 등), 장식 점 */

  /* 보조 청록 — 탭 선택 배경, 보조 강조 */
  --mt-secondary-dark: #5f9690;
  --mt-secondary: #70a9a1;
  --mt-secondary-light: #bdd7d4;

  /* 브랜드 글자색(청록빛 진한 남색) — 기존 페이지 제목·본문 */
  --mt-ink-dark: #182326;
  --mt-ink: #1f363d;
  --mt-ink-light: #3b5964;

  /* 헤더 외곽선 버튼 글자 */
  --mt-navy: #244450;

  /* 하늘색 — 헤더 '서비스 소개' 드롭다운 구분용. 투명도를 섞어서만 사용 */
  --mt-sky: #b4dcf5;

  /* 파랑 — 블로그 '우수 사례' 목록·상세 페이지 전용 테마 */
  --mt-blue-dark: #1e3a8a;         /* 상단 그라데이션 시작 */
  --mt-blue-strong: #1d4ed8;       /* 검색 버튼 마우스오버 */
  --mt-blue: #3b82f6;              /* 버튼, 테두리, 강조 */
  --mt-cyan: #06b6d4;              /* 그라데이션 끝, 보조 강조 */
  --mt-blue-text: #0369a1;         /* 분류 배지 글자 */
  --mt-blue-bg: #e0f2fe;           /* 분류 배지 배경 */

  /* 일반 글자 — v2 페이지·일반 영역 */
  --mt-black: #0a0a0a;             /* 제목, 본문 */
  --mt-gray-dark: #555555;         /* 보조 설명, 표 내용 (흰 배경 대비 7.5:1) */
  --mt-gray: #71717b;              /* 캡션, 날짜 (대비 4.8:1) */
  --mt-gray-light: #a0a0a0;        /* 입력칸 안내 문구, 비활성 전용 (대비 2.6:1 — 일반 글자 금지) */

  /* 청록 회색 글자 — 고객지원·닥터스노트처럼 청록 UI 위 */
  --mt-teal-gray-dark: #566164;
  --mt-teal-gray: #727b7e;
  --mt-teal-gray-light: #9aa3a4;

  /* 배경 */
  --mt-bg-subtle: #f8fafb;         /* 아주 연한 배경 */
  --mt-bg-soft: #f3f4f4;           /* 연한 배경 */
  --mt-bg-teal-subtle: #f4f9fa;    /* 아주 연한 청록 배경 */
  --mt-bg-teal-soft: #eef5f7;      /* 연한 청록 배경 */

  /* 테두리 */
  --mt-border: #e5e7eb;            /* 일반 회색 테두리, 구분선 */
  --mt-border-teal: #dbe2e2;       /* 청록 회색 테두리 */
  --mt-border-teal-light: #dbe9ee; /* 푸른빛 연한 청록 테두리 (헤더 드롭다운) */
  --mt-border-strong: #d1d5db;     /* 진한 테두리, 비활성 버튼 배경 */

  /* 상태 */
  --mt-error: #ff4141;             /* 오류 문구, 필수 표시 */
  --mt-error-bg: #fef2f2;          /* 오류 박스 배경 */
}