/* 서울더탑치과 Figma color system · node 1:456 */
:root {
  --main-color: #0A2748;
  --sub-color: #168BCB;
  --sub-color2: #63BDE5;
  --sub-color3: #0068AD;
  --d-blue: #012137;
  --point: #F4DE45;
  --point2: #DBB02F;
  --light: #DCE8F0;
  --light2: #F1F7FA;
  --light3: #F4EFF0;
  --white: #FFFFFF;
  --black: #000000;
  --dark: #2C2C2C;
    --bg : #F9F7F5;

  --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: var(--neutral-0);
  --gray-50: var(--neutral-50);
  --gray-100: var(--neutral-100);
  --gray-200: var(--neutral-200);
  --gray-300: var(--neutral-300);
  --gray-400: var(--neutral-400);
  --gray-500: var(--neutral-500);
  --gray-600: var(--neutral-600);
  --gray-700: var(--neutral-700);
  --gray-800: var(--neutral-800);
  --gray-900: var(--neutral-900);

  /* ── 역할 색 (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); }