/* =========================================================================
   design-system.css — 포크 공유 디자인 토큰 (단일 소스)

   이 파일은 회계사/변호사 등 여러 포크가 함께 <link> 하는 공유 색 토큰이다.
   이 한 파일을 고치면 이 파일을 링크한 모든 사이트의 색이 동시에 바뀐다.

   · 색은 포크 간 통일 권장(여기서 관리).
   · 글씨체·글씨크기·레이아웃 변수는 각 HTML 인라인 <style>에 두어 포크별로 자유.
   · --primary 한 줄이 브랜드 정체성. --success는 의도적으로 브랜드 블루.
   ========================================================================= */
:root {
    /* 표면·배경 */
    --bg: #F5F6F8;
    --surface: #FFFFFF;
    --bg-subtle: #F8FAFC;
    --bg-muted: #F3F4F6;
    /* 잉크·텍스트 */
    --text: #111827;
    --text-2: #475569;
    --text-3: #8A94A3;
    /* 테두리 */
    --border: #D6DCE3;
    --border-strong: #D1D5DB;
    /* 브랜드(primary) — 사이트별 정체성은 주로 여기서 결정 */
    --primary: #2451DF;
    --primary-dark: #1B3CB8;
    --primary-strong: #1E40AF;
    --primary-soft: #EEF4FF;
    --primary-100: #DBEAFE;
    --primary-200: #BFDBFE;
    --primary-border: #3157D7;
    /* 상태: 성공(현재 브랜드 블루 계열로 운영) */
    --success: var(--primary);
    --success-soft: #EFF6FF;
    --success-border: #BFDBFE;
    /* 상태: 위험 */
    --danger: #C2413F;
    --danger-soft: #FFF3F2;
    --danger-border: #F1B7B5;

    /* === 레이아웃 프리미티브 (모던 한국 스타일·PC 우선, 포크 공유) === */
    /* 라운드 스케일 */
    --radius-sm: 10px;
    --radius: 14px;
    --radius-lg: 18px;
    --radius-xl: 22px;
    /* 그림자: 토스/네이버식 아주 옅고 부드럽게 (잉크색 기반) */
    --shadow-sm: 0 1px 2px rgba(17,24,39,.04), 0 1px 3px rgba(17,24,39,.05);
    --shadow: 0 2px 6px rgba(17,24,39,.05), 0 1px 2px rgba(17,24,39,.04);
    --shadow-md: 0 6px 18px rgba(17,24,39,.07), 0 2px 6px rgba(17,24,39,.05);
    --shadow-brand: 0 8px 18px rgba(36,81,223,.18);
    /* 카드 테두리(연한 중립) */
    --card-border: #EDF0F4;
}