@charset "utf-8";
/* ============================================================================
 * tokens.css — 디자인 토큰 (2026-09-27 스타일 정리 2단계)
 *   사이트 전체에서 쓰는 색·글꼴·크기 값을 한 곳에 모은 CSS 변수.
 *   headCssinc.php 에서 다른 CSS 보다 먼저 로드한다.
 *   값은 기존 CSS 에 하드코딩되어 있던 값을 그대로 옮긴 것 → 화면 변화 없음.
 *
 *   사용법: color: var(--c-primary);   font-size: var(--fs-base);
 *   역할별 테마가 필요해지면 body[data-role="pgadmin"] { --c-primary: ... } 처럼 덮어쓴다.
 *
 *   [수정] 2026-10-16 Kim 요청: 미국 스탠포드대학교 홈페이지 컬러 컨셉을 그대로 가져와 적용
 *     (출처: identity.stanford.edu/design-elements/color — Primary/Accent/Web Interactive Colors)
 *     · 주색(--c-primary) = Stanford Digital Red #B1040E (스탠포드가 "웹 UI 요소용"으로 지정한 색)
 *     · 성공 = Digital Green #008566(스탠포드가 "폼 검증용"으로 지정), 경고 = Poppy #E98300,
 *       취소 = Spirited #E04F39, 보라 계열 = Plum #620059, 선택행 = Lagunita #007C92 (모두 스탠포드 공식 Accent Color)
 *     · 글자·테두리·배경의 중립 회색은 스탠포드 공식 Cool Grey(#53565A)·Black(#2E2D29) 톤 스케일(10~90% 틴트)로 교체 —
 *       기존의 파란기 도는 슬레이트 그레이 대신 스탠포드 특유의 따뜻한(웜톤) 회색 사용
 *     · 달력 이벤트색(--c-evt-*) · 가맹점 목록 상태색(--c-row-*) · 로그인 등급색(--c-init~--c-purple) ·
 *       "레몬페이먼츠" 고유 레몬색(--c-lemon-*) · 엑셀 버튼 초록(--c-excel*) · 구(舊) 버튼뱃지 팔레트(--c-btn-*)는
 *       그대로 둠 — 서로 다른 상태·항목을 구분하는 기능색이라 전부 빨강으로 바꾸면 오히려 구분이 안 됨(의도적 제외) */
:root {
	/* ---------- 브랜드 · 주색 (Stanford Digital Red) ---------- */
	--c-primary: #b1040e;            /* 사이트 주색 — Stanford Digital Red(웹 UI 요소용 공식색) */
	--c-primary-dark: #820000;       /* Digital Red Dark */
	--c-primary-light: #e50808;      /* Digital Red Light */
	--c-blue-2: #006cb8;             /* 승인 · 토요일 — Stanford Digital Blue(링크 전용 공식색) */
	--c-cyan: #007c92;               /* 선택 행 — Stanford Lagunita */

	/* ---------- 상태색 ---------- */
	--c-danger: #820000;             /* 공휴일 · 취소 · 모달 빨강 버튼 — Digital Red Dark */
	--c-danger-2: #9c1c12;           /* 취소 행 글자 · 모바일 로그아웃 · 일요일 */
	--c-danger-3: #b1040e;           /* 달력 공휴일명 — Digital Red */
	--c-danger-4: #e50808;           /* 모달 삭제 버튼 — Digital Red Light */
	--c-danger-dark: #6b0000;
	--c-danger-dark-2: #5c0000;      /* 발급 실패 뱃지 */
	--c-success: #008566;            /* 정상 · 순매출 · 발급 완료 — Stanford Digital Green(폼검증용 공식색) */
	--c-warning: #e98300;            /* 정산 · 수수료 — Stanford Poppy */
	--c-cancel: #e04f39;             /* 취소 카드 — Stanford Spirited */
	--c-violet: #620059;             /* 미발급 · 일자 카드 — Stanford Plum */
	--c-magenta: #ff00ff;            /* .select (레거시) */

	/* ---------- 글자색 (Stanford Black/Cool Grey 톤 스케일) ---------- */
	--c-text: #2e2d29;               /* Stanford Black */
	--c-text-black: #000;
	--c-text-2: #43423e;             /* 90% 틴트 */
	--c-text-3: #585754;             /* 80% 틴트 */
	--c-text-4: #6d6c69;             /* 70% 틴트 */
	--c-text-muted: #767674;         /* 60% 틴트 */
	--c-text-light: #979694;         /* 50% 틴트 */
	--c-text-sub: #53565a;           /* 폼 라벨 · 표 헤더 — Stanford Cool Grey */
	--c-text-gray: #7f7776;          /* 보조 글자 — Stanford Stone */
	--c-text-nav: #ababa9;           /* 경로(pageNav) — 40% 틴트 */
	--c-text-dim: #c0c0bf;           /* 30% 틴트 */
	--c-text-placeholder: #d5d5d4;   /* 20% 틴트 */
	--c-text-disabled: #dad7cb;      /* Stanford Fog */

	/* ---------- 테두리 (Stanford 틴트 스케일) ---------- */
	--c-border: #d5d5d4;             /* 표 · 검색필터 기본 테두리 */
	--c-border-2: #d5d5d4;
	--c-border-3: #c0c0bf;
	--c-border-4: #eaeaea;
	--c-border-5: #eaeaea;
	--c-border-6: #eaeaea;
	--c-border-7: #eaeaea;
	--c-border-8: #ababa9;
	--c-border-input: #d5d5d4;       /* 로그인 입력 */
	--c-border-soft: #eaeaea;        /* 표 헤더 배경 겸용 */
	--c-border-form: #d5d5d4;        /* 2026 신규 폼 입력 */
	--c-border-row: #eaeaea;         /* 2026 신규 표 행 구분선 */
	--c-border-card: #d5d5d4;
	--c-border-danger: #f3c9c8;
	--c-border-danger-2: #f5c6c6;

	/* ---------- 배경 (Stanford 웜톤 중립색 + 주색 틴트) ---------- */
	--c-white: #fff;
	--c-bg-page: #f3f2ee;            /* body */
	--c-bg-th: #f3f2ee;              /* 표 헤더 */
	--c-bg-search: #fafaf8;          /* 검색필터 */
	--c-bg-sub: #f7f6f2;             /* 사이드 서브메뉴 */
	--c-bg-gray: #f5f4f1;
	--c-bg-gray-2: #f2f1ed;          /* 잠금 필드 */
	--c-bg-gray-3: #f1f0ec;
	--c-bg-card: #f8f7f4;            /* 요약 카드 */
	--c-bg-soft: #f4f3ef;            /* 2026 신규 페이지 배경 */
	--c-bg-th-2: #f7f6f2;
	--c-bg-hover: #eaeaea;           /* 목록 행 호버 — 중립 회색(강조는 상태색에게) */
	--c-bg-total: #fff6d9;           /* 합계 행 · 재고 행 — 따뜻한 골드 하이라이트 */
	--c-bg-link: #fbeaea;            /* 주색(빨강) 글자 버튼 배경 */
	--c-bg-link-hover: #f6d6d4;
	--c-bd-link: #e8b3ae;
	--c-bg-success: #e0f5f0;         /* 상태 뱃지 배경 */
	--c-bg-violet: #f3e6f2;
	--c-bg-danger: #fdeaea;
	--c-bg-danger-2: #fff5f5;
	--c-bg-cancel-h: #fbe2dc;
	--c-evt-blue-h: #e3f0ff;         /* 결제달력 이벤트 호버 (이벤트 종류 구분용 — 유지) */
	--c-evt-red-h: #ffe6e6;
	--c-evt-green-h: #e6f9ec;
	--c-evt-settle-h: #fff3d6;

	/* ---------- 목록 행 상태색 (가맹점 목록 범례 .row-* 와 동일 — 항목 구분용, 유지) ---------- */
	--c-row-request: #fff3e0;   --c-row-request-h: #ffe0b2;
	--c-row-stock: #e3f2fd;     --c-row-stock-h: #bbdefb;
	--c-row-recall: #fffde7;    --c-row-recall-h: #fff59d;
	--c-row-withdrawn: #f5f5f5; --c-row-withdrawn-h: #e0e0e0;
	--c-row-rejected: #fdeeee;  --c-row-rejected-h: #ef9a9a;
	--c-row-cancel: #fff0f0;
	--c-row-minus: #ffb5da;
	--c-row-refund: #eaeef7;

	/* ---------- 버튼 · 뱃지 색 (styleDefault.css 에서 이동, 3단계 — 레거시 개별 버튼 색, 유지) ---------- */
	--c-btn-green: #85ba05;
	--c-btn-green-h: #7ab605;
	--c-btn-sky: #4eb7eb;
	--c-btn-yellow: #f9bc0b;
	--c-btn-red: #ef3d58;
	--c-red-2: #f3434b;
	--c-green-2: #2f9e44;
	--c-blue-5: #2d7bf4;
	--c-gray-blue: #98a6ad;
	--c-gray-2: #8d8d8d;
	--c-gray-3: #6c757d;
	--c-text-5: #43423e;

	/* ---------- 모바일 · 통합로그인 (mobile.css, 4단계) ---------- */
	--c-text-gray-2: #ababa9;         /* 모바일 헤더 보조 글자 */
	--c-text-gray-3: #c0c0bf;
	--c-text-gray-4: #979694;
	--c-bg-input: #fafaf8;            /* 모바일 입력 배경 */
	--c-bg-soft-2: #eaeaea;
	--c-bg-soft-3: #f3f2ee;           /* 모바일 로그인 페이지 배경 */
	--c-bg-active: #eaeaea;
	--c-bg-cancel-soft: #fbe7e0;
	--c-bg-blue-soft: #fbeaea;
	--c-lemon-page: #fffef2;          /* 통합로그인 PC 배경 — "레몬페이먼츠" 고유색, 유지 */
	--c-lemon-soft: #fdfae0;
	--c-lemon-bd-2: #e8d84a;
	--c-lemon-text: #c9a900;
	--c-orange-3: #e08a2a;
	--c-cyan-2: #00acc1;
	/* 결제서비스 아이콘(가맹점 목록 "결제서비스" 칸, ui.css .svc-ic) 색 — 기존 화면 색 그대로 [ADD] 2026-10-16 Kim 요청 */
	--c-svc-ofc: #2a78d6;
	--c-svc-mpm: #1baf7a;
	--c-svc-bik: #7f77dd;
	--c-svc-smp: #eb6834;
	--c-svc-ntp: #e34948;
	--c-svc-biu: #00acc1;
	--sh-m-card: 0 2px 10px rgba(46,45,41,0.05);
	--sh-m-card-2: 0 2px 10px rgba(46,45,41,0.08);
	--c-white-a12: rgba(255,255,255,0.12);
	--c-white-a30: rgba(255,255,255,0.3);

	/* ---------- 다크(헤더 버튼 · 팝업 헤더 · 사이드 활성) — Stanford Black 톤 ---------- */
	--c-dark: #2e2d29;
	--c-dark-2: #43423e;
	--c-dark-3: #1c1b18;

	/* ---------- 레몬 (툴팁) · 엑셀 버튼 — 제품 고유 브랜드색, 유지 ---------- */
	--c-lemon: #ffe135;              /* 레몬 버튼(.btn_lemon) */
	--c-lemon-bd-3: #e0c200;
	--c-lemon-ink: #4a3c00;
	--c-lemon-bg: #fffbd6;
	--c-lemon-bd: #e3d66a;
	--c-excel: #1d6f42;
	--c-excel-hover: #185c37;
	--c-excel-active: #124a2c;

	/* ---------- 로그인 등급색 (layout.css 에서 이동 — 등급 구분용, 유지) ---------- */
	--c-init: #333;
	--c-point1: #1a1c35;
	--c-blue: #1674bc;
	--c-mint: #01a396;
	--c-leaf: #81c440;
	--c-yellow: #f5b52e;
	--c-orange: #eb5c34;
	--c-red: #ea225e;
	--c-purple: #612e8d;

	/* ---------- 그림자 ---------- */
	--sh-login: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);
	--sh-card: 0 2px 10px rgba(46,45,41,0.06);
	--sh-card-sm: 0 2px 8px rgba(46,45,41,0.04);
	--sh-modal: 0 6px 24px rgba(0,0,0,.18);
	--sh-tip: 0 2px 6px rgba(0,0,0,0.15);
	--sh-btn: 0 1px 2px rgba(0,0,0,0.12);
	--c-overlay: rgba(0,0,0,.25);
	--c-overlay-dark: rgba(0,0,0,0.75);
	--c-overlay-dark-2: rgba(0,0,0,0.7);

	/* ---------- 글꼴 ---------- */
	--ff-base: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Helvetica Neue", "Nanum Gothic", "나눔 고딕", "돋움", dotum, sans-serif;
	--ff-mobile: -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
	--fs-xs: 11px;
	--fs-sm: 12px;
	--fs-md: 13px;
	--fs-base: 14px;
	--fs-lg: 16px;
	--fs-xl: 18px;
	--fs-xxl: 20px;

	/* ---------- 크기 · 간격 · 모서리 ---------- */
	--h-header: 48px;
	--w-side: 164px;
	/* [ADD] 2026-10-16 Kim 요청: 버튼·select box·input box·달력 아이콘·달력 input 등 높이를 한 값으로 통일 — 이 값만 바꾸면 전체 사이트에 적용됨
	 *   (common/ui.css .btn:not(.ui), common/common.css input[type=text 등]·select, admin/board.css .cont_search_wrap/.listTbl_top .btn 및 .input_group_icon,
	 *    common/components.css .input_group_icon, common/lst_common.css .lst-top-right .btn 가 모두 이 변수를 참조) */
	--ctrl-h: 28px;
	--r-sm: 4px;
	--r-md: 7px;
	--r-lg: 10px;
	--r-xl: 12px;

	/* ---------- 메뉴 강조색 (상단메뉴 · 왼쪽메뉴 · 페이지버튼 · 햄버거메뉴 · 메뉴 아래 구분선 · 통합로그인 전용, type00/01/03)
	 *   [ADD] 2026-10-16 Kim 요청 / [수정] 2026-10-16(2차) Kim 요청: "화면설정"에서 아이디별로 고르는 3가지 색(TYPE00/01/03) 추가
	 *   이 영역들만 --c-primary 와 분리해 로그인 아이디별로 바꿀 수 있게 만든 전용 변수. 사이트 전체(버튼·링크·뱃지 등)의
	 *   주색(--c-primary)은 그대로 둔다 — main/member_suview.php "화면설정"에서 고른 값이 아래 --c-menu-accent/-bg 를 덮어쓴다
	 *   (application/helpers/menu_theme_helper.php 가 로그인 아이디(member.m_menu_theme / lecture.l_menu_theme)를 읽어
	 *   페이지 <head> 에 :root 를 다시 선언하는 <style> 을 추가하는 방식 — 이 파일의 기본값은 "화면설정을 한 번도 안 바꾼" 계정 기준).
	 *   · type00 = 스탠포드 레드(이번 리브랜딩 색, --c-primary 와 동일) — 보관용
	 *   · type01 = 기존 파랑(#095db3) — 기본값
	 *   · type03 = 네이비(#0b3c49) — Kim 요청(2026-10-16) 추가
	 *   · type003~type010 = Kim 요청(2026-10-16 3차): 가시적으로 진한(채도 높은) 색 8종 추가(총 11종) — 버튼(검색하기·초기화·정보변경·로그아웃·대시보드 "오늘" 등,
	 *     common/fomantic_theme.css)도 이 색을 따라가도록 통일
	 *   · -page 변수(Kim 요청 2026-10-16 6차): admin/layout.css 의 body 배경(--c-bg-page)도 화면설정 색을 따라가되, 전체 화면에 깔리는 배경이라
	 *     버튼용 -bg 보다 한층 더 연하게(흰색에 색만 살짝 비치는 정도) 별도 계산 */
	--c-menu-type00: #b1040e;        /* TYPE00: 스탠포드 레드(이번 리브랜딩 색) */
	--c-menu-type00-bg: #fbeaea;     /* TYPE00 옅은 배경(호버용) */
	--c-menu-type00-page: #faedee;   /* TYPE00 최연한 배경(페이지 전체용) */
	--c-menu-type01: #095db3;        /* TYPE01: 기존 파랑 — 화면설정 기본값 */
	--c-menu-type01-bg: #e6f1fb;     /* TYPE01 옅은 배경(호버용) */
	--c-menu-type01-page: #eef4fa;   /* TYPE01 최연한 배경(페이지 전체용) */
	--c-menu-type03: #0b3c49;        /* TYPE03: 네이비 — Kim 요청(2026-10-16) */
	--c-menu-type03-bg: #e8ecee;     /* TYPE03 옅은 배경(호버용) */
	--c-menu-type03-page: #eef1f2;   /* TYPE03 최연한 배경(페이지 전체용) */
	--c-menu-type003: #7b1fa2;       /* TYPE003: 보라 */
	--c-menu-type003-bg: #f3e5f7;    /* TYPE003 옅은 배경(호버용) */
	--c-menu-type003-page: #f6eff8;  /* TYPE003 최연한 배경(페이지 전체용) */
	--c-menu-type004: #2e7d32;       /* TYPE004: 초록 */
	--c-menu-type004-bg: #e5f3e6;    /* TYPE004 옅은 배경(호버용) */
	--c-menu-type004-page: #f0f6f1;  /* TYPE004 최연한 배경(페이지 전체용) */
	--c-menu-type005: #d84315;       /* TYPE005: 진한 주황 */
	--c-menu-type005-bg: #fbe9e3;    /* TYPE005 옅은 배경(호버용) */
	--c-menu-type005-page: #fcf2ef;  /* TYPE005 최연한 배경(페이지 전체용) */
	--c-menu-type006: #00695c;       /* TYPE006: 틸(청록) */
	--c-menu-type006-bg: #e0f2f0;    /* TYPE006 옅은 배경(호버용) */
	--c-menu-type006-page: #edf4f4;  /* TYPE006 최연한 배경(페이지 전체용) */
	--c-menu-type007: #ad1457;       /* TYPE007: 진한 핑크 */
	--c-menu-type007-bg: #fbe4ee;    /* TYPE007 옅은 배경(호버용) */
	--c-menu-type007-page: #f9eff3;  /* TYPE007 최연한 배경(페이지 전체용) */
	--c-menu-type008: #283593;       /* TYPE008: 인디고 */
	--c-menu-type008-bg: #e5e7f7;    /* TYPE008 옅은 배경(호버용) */
	--c-menu-type008-page: #f0f1f7;  /* TYPE008 최연한 배경(페이지 전체용) */
	--c-menu-type009: #5d4037;       /* TYPE009: 브라운 */
	--c-menu-type009-bg: #efe9e7;    /* TYPE009 옅은 배경(호버용) */
	--c-menu-type009-page: #f4f2f1;  /* TYPE009 최연한 배경(페이지 전체용) */
	--c-menu-type010: #37474f;       /* TYPE010: 블루그레이 */
	--c-menu-type010-bg: #e9edef;    /* TYPE010 옅은 배경(호버용) */
	--c-menu-type010-page: #f1f2f3;  /* TYPE010 최연한 배경(페이지 전체용) */
	--c-menu-accent: var(--c-menu-type01);         /* 실제 사용 변수 — 기본값 type01(화면설정 미설정 계정) */
	--c-menu-accent-bg: var(--c-menu-type01-bg);   /* 실제 사용 변수 — 기본값 type01(화면설정 미설정 계정) */
	--c-menu-accent-page: var(--c-menu-type01-page); /* 실제 사용 변수 — 기본값 type01(화면설정 미설정 계정) */
}