/* =========================================================
   KS병원 MVP — Design Tokens
   레퍼런스(champodonamu) 기법: html=10px rem 시스템 + 거대 타이포
   브랜드: 디자인세팅 v1.1 — 블루 #006EB8 / 오렌지 #F7941D
   ========================================================= */

/* rem 기준: 1rem = 10px (반응형으로 축소) */
html{ font-size:10px; height:auto !important; }
@media (max-width:1600px){ html{ font-size:clamp(8px, .5556vw + .111px, 10px); } }
@media (max-width:1280px){ html{ font-size:clamp(8px, .357vw + .857px, 9px); } }
@media (max-width:1024px){ html{ font-size:9px; } }
@media (max-width:768px){ html{ font-size:9px; } }
@media (max-width:480px){ html{ font-size:9px; } }

:root{
  /* Brand — Bright Blue (로고 앵커 700=#006EB8) */
  --color-primary-900:#003E6B; --color-primary-800:#00568F; --color-primary-700:#006EB8;
  --color-primary-600:#0E84D6; --color-primary-500:#1E96E6; --color-primary-300:#7CC2F0;
  --color-primary-100:#E4F2FC; --color-primary-50:#F2F9FE;
  /* Accent — Orange */
  --color-accent-700:#B5650A; --color-accent-600:#E07E10; --color-accent-500:#F7941D;
  --color-accent-300:#FBB565; --color-accent-100:#FDEAD2; --color-accent-50:#FEF6EC;
  /* Neutral */
  --color-ink-900:#231F20; --color-ink-700:#3A4150; --color-ink-500:#5B6B7F; --color-ink-400:#8A98A9;
  --color-line-300:#C3CCD6; --color-line-200:#E3E8EE; --color-bg-100:#F1F4F8; --color-bg-50:#F8FAFC;
  --color-white:#FFFFFF;
  --color-success:#2E9E6B; --color-warning:#C98A00; --color-danger:#D14343; --color-info:#1E96E6;

  /* 브랜드 단축 (레퍼런스 --green 대체) */
  --brand:#006EB8; --brand-bright:#1E96E6; --brand-deep:#003E6B; --point:#F7941D;
  --brand-tint:#E4F2FC; --brand-tint-strong:#CDE8FA;

  /* Typography */
  --font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  --font-en:"Outfit","Pretendard Variable",sans-serif;

  /* 본문/타이틀 텍스트 변수 (레퍼런스 rem 스케일) */
  --txt:1.8rem;          /* 본문 18px */
  --bigTxt:2.0rem;       /* 강조 본문 20px */
  --smTxt:1.6rem;        /* 캡션 16px */
  --en_tit:9rem;         /* 영문 디스플레이 90px */
  --tit:5rem;            /* 국문 섹션 타이틀 50px */
  --desc:2.4rem;         /* 섹션 보조 24px */
  --main_ti1:3rem;       /* 카드 타이틀 30px */

  /* 간격 / 레이아웃 (rem) */
  --contPd:30rem;        /* 섹션 상하 여백 300px */
  --inPd:6rem;           /* 좌우 안쪽 여백 */
  --hd_h:8rem;           /* 헤더 높이 80px */
  --note-h:0px;          /* 상단 안내바 제거됨 */
  --container:184rem;    /* 본문 최대폭 1840px (레퍼런스 와이드) */
  --container-narrow:120rem;

  --radius-sm:.8rem; --radius-md:1.2rem; --radius-lg:2rem; --radius-xl:2.5rem; --radius-full:999px;
  --shadow-sm:0 1px 2px rgba(35,31,32,.06);
  --shadow-md:0 .6rem 2.4rem rgba(0,62,107,.10);
  --shadow-lg:0 1.6rem 4rem rgba(0,62,107,.14);

  --scroll-width:7px;
}

@media (max-width:1280px){
  :root{ --txt:clamp(15px,.3125vw+10px,18px); --bigTxt:clamp(17px,.3125vw+12px,20px);
    --en_tit:8rem; --tit:4.6rem; --contPd:26rem; --container:154rem; }
}
@media (max-width:768px){
  :root{ --txt:15px; --bigTxt:17px; --smTxt:14px; --en_tit:5.6rem; --tit:3.4rem; --desc:1.9rem;
    --main_ti1:2.4rem; --contPd:14rem; --inPd:2.4rem; --hd_h:6rem; }
}