/* Shared SAN design tokens. Map keeps these legacy colors; main pages add theme-dark.css / theme-light.css. */
:root {
	/* === Font stack === */
	/* 시스템 폰트 우선. NanumSquareNeo는 포인트 영역(헤더/큰 수치)에서만 --font-display로 호출 */
	--font-system:  -apple-system, BlinkMacSystemFont, "Helvetica Neue",
	                "Apple SD Gothic Neo", "Segoe UI", Roboto,
	                "Malgun Gothic", sans-serif;
	--font-display: "SAN Neo", var(--font-system);
	--font-mono:    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

	/* === 기본 팔레트 ===
	   지도(/map/)는 앱 WebView가 그대로 쓰므로 이 파일의 색은 기존 값 그대로 둔다(앱 화면 불변).
	   새 다크 팔레트는 theme-dark.css, 라이트는 theme-light.css — 둘 다 메인 페이지에서만 부른다.
	   새로 만든 보조 토큰도 지도에서는 원래 하드코딩 값과 같아야 한다. 색 값은 hex/rgb만(oklch 금지). */

	/* === Surface === */
	--bg-canvas:    #0a0a0b;   /* body / 최하단 */
	--bg-surface:   #161617;   /* card / panel */
	--bg-raised:    #1f1f21;   /* nested · chip bg */
	--bg-hover:     #2c2c2f;   /* hover */
	--bg-sunken:    #050506;   /* media well */

	/* legacy alias (점진 마이그레이션) */
	--bg-primary:   var(--bg-canvas);
	--bg-secondary: var(--bg-surface);
	--bg-tertiary:  var(--bg-raised);

	/* === Text (4단계) === */
	--text-primary:    #e7e7e8;  /* 본문/제목 */
	--text-secondary:  #a1a1a4;  /* 라벨 */
	--text-tertiary:   #8b8b92;  /* 메타 */
	--text-quaternary: #4a4a4d;  /* 비활성/플레이스홀더 */

	/* === Accent (semantic) — 면·채움용 === */
	--accent-brand:    #c9a449;
	--accent-success:  #3a7d5c;
	--accent-warning:  #d4a574;
	--accent-danger:   #c45a3a;
	--accent-info:     #5b8db3;
	--accent-pink:     #d97a8e;

	/* bright 변형 — 배경 위 글자/아이콘 색 */
	--accent-brand-bright:   #d4b76a;
	--accent-success-bright: #7ab87a;
	--accent-warning-bright: #d4b56a;
	--accent-danger-bright:  #e07b5a;
	--accent-critical-bright:#ff453a;
	--accent-info-bright:    #7aa9d1;
	--accent-pink-bright:    #e89aac;
	--accent-event:          #d4825a;

	/* === Border === */
	--border-subtle:  rgba(255,255,255,0.06);
	--border-default: rgba(255,255,255,0.12);
	--border-strong:  rgba(255,255,255,0.22);

	/* === 테마별로 달라지는 보조 색 (theme-light.css가 덮어씀) === */
	--fill-subtle:        rgba(255,255,255,0.06);  /* hover·눌림 */
	--fill-medium:        rgba(255,255,255,0.08);  /* 선택된 칩 */
	--fill-sunken:        rgba(0,0,0,0.2);         /* 탭 묶음 바탕 */
	--fill-strong:        rgba(255,255,255,0.35);  /* 로딩 점 */
	--ring:               rgba(255,255,255,0.1);   /* 입력 포커스 */
	--skeleton-shine:     rgba(255,255,255,0.05);
	--spinner-head:       rgba(255,255,255,0.5);
	--shadow-color:       rgba(0,0,0,0.3);
	--shadow-color-strong:rgba(0,0,0,0.45);
	--scrim:              rgba(0,0,0,0.5);
	--scrim-strong:       rgba(0,0,0,0.6);
	--text-on-media:      #e7e7e8; /* 지도 기존값(--text-primary). 메인 테마 파일은 #fff */
	--map-land:           #1f1f21;
	--chart-line:         rgba(255,255,255,0.48);
	--chart-fill-top:     rgba(255,255,255,0.6);
	--chart-fill-bottom:  rgba(255,255,255,0.25);
	--status-warning-bg:  #392710;
	--foliage-text:       #d5aaa0;
	--seg-on:             #2c2c2f;  /* 세그먼트 선택 칸 (메인 페이지 전용) */
	--seg-shadow:         none;

	/* === Type scale (7단계) === */
	--text-2xs:  9px;
	--text-xs:   11px;
	--text-sm:   12px;
	--text-base: 13px;
	--text-md:   15px;
	--text-lg:   16px;
	--text-xl:   19px;
	--text-2xl:  25px;

	/* === Weight (3단계) === */
	--font-regular:  400;
	--font-semibold: 500;
	--font-bold:     700;
	--font-xbold:    800;
	--font-exbold:   900;

	/* === Line-height === */
	--lh-tight:  1.2;
	--lh-normal: 1.5;
	--lh-loose:  1.65;

	/* === Spacing (4px base, 8단계) === */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;

	/* === Radius (4단계) === */
	--radius-sm:   8px;
	--radius-md:   10px;
	--radius-lg:   16px;
	--radius-full: 999px;

	/* === Shadow — 사용 안 함 (회색조 surface 단계로 깊이 표현) === */
}