/* 서울더탑치과 Figma color system · node 1:456 */
:root {
    --main-color: #615a4e;
    --sub-color: #9c9188;
    --sub-color2: #9c9188;
    --sub-color3: #0068ad;
    --d-blue: #012137;
    --point: #c29c89;
    --point2: #dbb02f;
    --light: #e3ddd9;
    --light2: #f4eee6;
    --light3: #f4eff0;
    --white: #ffffff;
    --black: #232220;
    --dark: #2c2c2c;
    --bg: #f9f7f5;
    --line: #ddd5cc;

    --neutral-0: #ffffff;
    --neutral-50: #f9fafb;
    --neutral-100: #f3f4f6;
    --neutral-200: #e5e7eb;
    --neutral-300: #d1d5db;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;

    --gray-0: #ffffff;
    --gray-50: #f2f2f2;
    --gray-100: #e5e5e5;
    --gray-200: #cccccc;
    --gray-300: #b2b2b2;
    --gray-400: #999999;
    --gray-500: #808080;
    --gray-600: #666666;
    --gray-700: #4d4d4d;
    --gray-800: #333333;
    --gray-900: #1a1a1a;

    /* ── 역할 색 (2026-10-13) — 관리자 › 색상 관리 「글자·배경·선」. 사이트 곳곳의 하드코딩 색을 이 변수로 바꿔 둠 ── */
    --text-color: #1b2430; /* 본문 글자 */
    --text-muted: #6b7280; /* 보조 글자(설명·날짜) */
    --text-inverse: #ffffff; /* 어두운 배경 위 글자 */
    --text-inverse-muted: #b5bbc4; /* 어두운 배경 위 보조 글자 */
    --page-bg: #ffffff; /* 페이지 바탕 */
    --surface-color: #ffffff; /* 카드·상자 바탕 */
    --section-bg: #f5f6fa; /* 구분 섹션·연한 상자 바탕 */
    --dark-bg: #14171c; /* 어두운 영역 바탕(푸터 등) */
    --line-color: #e8eaf0; /* 선·테두리 */

    --naver: #3e9f46;
    --kakao: #fae300;
    --kakaobrown: #371c1c;
    --youtube: #ff0000;
    --insta: #e1306c;
    --instaGradation: linear-gradient(94deg, #5b4593 -8.75%, #d83d53 53.89%, #e2b55a 106.19%), #e4cf33;
}

/* 역할 색 기본 적용 — 클래스로 색을 따로 준 곳은 그 색이 우선 */
body {
    color: var(--text-color);
    background-color: var(--page-bg);
}