/* Popcorn Light - design tokens (single source of truth) */
/* 톤: Popcorn AI 랜딩의 '밝은 본문 시트' 준용(D-07). 다크모드 아님.
   서사는 결정론 엔진·신뢰 판매자 불변(A-07): '3대 AI 생성/최저가' 카피 금지. */
:root{
  --bg:#F0F5F9; --surface:#F0F5F9; --card:#ffffff; --container:#E4ECF4; --container-low:#EAF2F8;
  --on:#111827; --on-variant:#64748B; --outline:#94A3B8; --outline-variant:#DCE7F2;
  --primary:#65A1D4; --primary-bright:#4A90E2; --on-primary:#ffffff; --primary-container:#DCE7F2;
  --secondary:#5071d5; --tertiary:#6E8FD6; --tertiary-container:#DCE7F2;
  --error:#C0392B; --on-error:#ffffff;
  /* 관리자 셸의 어두운 면 — ㉯ 확정(2026-08-12 사용자 결정).
     고객 화면은 밝은 시트 한 톤(D-07)이라 **어두운 면 색이 아예 없었다.** 그래서
     조감도·현황판이 좌측 메뉴 색을 자체 HEX 로 들고 있었고(--nav #211f1b 등), 그것을
     토큰으로 올리되 **크림 계열을 옮겨 오지 않고 slate 계열에서 새로 골랐다** —
     --on-variant #64748B · --outline #94A3B8 과 같은 가족이어야 한 팔레트가 된다.
     대비 실측(2026-08-12): --on-nav 13.33 · --on-nav-muted 5.71 — 둘 다 AA 통과.
     (#334155 도 후보였으나 흐린 글자가 4.04 로 미달이라 버렸다.) */
  --nav:#1E293B; --on-nav:#F0F5F9; --on-nav-muted:#94A3B8;
  /* 신호등 상태색 (작업 현황판 · 사용자 지시 2026-08-12).
     대기=회색 · 실행=노랑(깜빡) · 지연·오류=빨강 · 완료=초록.
     U-01 은 초록을 고객 화면 용법에 한정했는데, 이 지시로 **작업 상태 표시에 한해** 연다.
     항상 텍스트 병기(색만으로 말하지 않는다)는 그대로다. 노랑만 새 값이고 나머지는 참조다. */
  --state-wait:var(--outline); --state-run:#D97706;
  --state-fail:var(--error); --state-done:var(--success);
  /* success — U-01 확정(2026-08-08 사용자 결정). 아래 값은 **새로 고른 색이 아니라**
     고객 화면 8개가 이미 쓰고 있던 13종을 그대로 옮긴 것이다(총 169회).
     겉보기가 달라지지 않게 하는 것이 목적이라 임의로 통일하지 않았다.
     다만 눈으로 구분되지 않는 셋(#e9f6ef · #e7f4ec · #eaf7ef, 최대 차이 rgb 3)만
     `--success-container` 하나로 합쳤다.
     **'항상 텍스트 병기'는 그대로다** — 색만으로 통과/실패를 말하지 않는다(색약 배려). */
  --success:#2f9e6d;                /* 기본 */
  --success-bright:#5fd6a0;         /* 밝은 강조 */
  --success-dark:#1c7a4d;           /* 진한 글자·아이콘 */
  --success-deep:#0f5132;           /* 가장 진한 글자 */
  --success-muted:#3d7a5c;          /* 낮은 채도 */
  --success-ink:#2c4c3c;            /* 어두운 배경 위 글자 */
  --success-sage:#7aa891;           /* 낮은 채도 보조 */
  --success-teal:#10a37f;           /* 랜딩 강조(청록 계열) */
  --success-teal-bright:#6ee7d6;
  --success-container:#e9f6ef;      /* 연한 배경 */
  --success-container-line:#d4e9dd; /* 연한 배경의 경계 */
  --on-success:#ffffff;
  /* 서체 — **Noto Sans KR 로 통일**(사용자 지시 2026-08-12).
     전에는 본문 Inter+Pretendard · 제목 Hanken Grotesk 로 셋이 섞여 있었다.
     'Noto Sans KR' 이 폴백 자리에 이름만 적혀 있었고 **파일이 없어 죽은 폴백**이었다 —
     이제 자체 호스팅한다(mockups/shared/fonts/notosanskr.css · 124 서브셋 3.36MB).
     Pretendard 는 지우지 않고 폴백으로 남긴다: 서브셋이 아직 안 받아진 순간에도 한글이 뜬다. */
  /* Phoenix 테마가 `--phoenix-font-sans-serif` 로 본문 서체를 잡는다. 관리자 목업 37개가
     그 값을 **각자 인라인으로 복제**하고 있었다(같은 것을 37벌 — 이 리포의 고질병).
     여기서 토큰에 잇는다: 화면은 tokens.css 만 읽으면 서체가 따라온다. */
  --phoenix-font-sans-serif:var(--font);
  --font:'Noto Sans KR','Pretendard',system-ui,sans-serif;
  --font-head:'Noto Sans KR','Pretendard',system-ui,sans-serif;
  --font-num:'Noto Sans KR','Pretendard',system-ui,sans-serif;
  --r-sm:.25rem; --r:.5rem; --r-md:.75rem; --r-lg:1rem; --r-full:9999px;
  --sp-xs:4px; --sp-sm:8px; --sp-md:16px; --sp-lg:24px; --sp-xl:32px;
  --shadow:0 1px 2px rgba(15,23,42,.06),0 12px 30px rgba(15,23,42,.10);
}
/* U-01 확정(2026-08-08): success 토큰을 둔다. 관리자 화면은 계속 '통과'=--primary 를 쓰고,
   초록은 고객 화면의 기존 용법(검증 통과·안전)에 한정한다. 어느 쪽이든 **항상 텍스트 병기**. */