/* 콜라보스테이션 테마 — admin-ui 키트 '규칙'을 따르되 색은 KOCCA CI 를 그대로 쓴다.
   출처: 한국콘텐츠진흥원 CI 가이드북 BS 3-01 전용색상 (kocca.kr/about/ci/ci_guideBook.pdf, p.26)
     KOCCA PURPLE  PANTONE 2613 C  CMYK 74/100/30/0  RGB 107/30/116  #691D72   ← 주조색
     KOCCA ORANGE  PANTONE 1505 C  CMYK  0/71/92/0   RGB 237/106/26  #EC6A1A   ← 보조색
   UI-SPEC §4: "색은 테마 교체 대상". 치수·타이포·필수규칙은 키트 공통, 색만 여기서 덮는다.
   ⚠ 상태색(정상=초록/주의=주황/오류=빨강/정보=파랑)은 '의미 신호'라 브랜드색과 분리 유지(§4).
      브랜드 보조색이 주황이므로 --au-warn 은 더 어두운 앰버로 눌러 KOCCA ORANGE 와 구분한다. */
:root{
  /* ── KOCCA 전용색상 (CI 가이드북 값 — 임의 변경 금지) ── */
  --kocca-purple:#691D72;
  --kocca-orange:#EC6A1A;

  /* ── 콜라보스테이션 팔레트 (전용색상 + 중립 배경) ── */
  --paper:#f4f2f5; --surface:#fff; --surface2:#faf9fb;
  --ink:#16121a; --ink2:#3a3340; --sub:#6e6674; --faint:#a09aa6;
  --line:#e2dde5; --line2:#d1cad6;
  --brand:var(--kocca-purple);
  --brand-d:#501657;                /* 퍼플 75% — hover/press */
  --brand-t:#e1d2e3;                /* 퍼플 20% 틴트(흰 바탕) */
  --accent:var(--kocca-orange);
  --accent-t:#fbe1d1;               /* 오렌지 20% 틴트 */
  --on-brand:#f7eff8;               /* 퍼플 면 위 본문 */
  --on-brand-soft:#c8a8cc;          /* 퍼플 면 위 보조 텍스트 */

  /* ── 키트 변수 매핑 (치수·타이포는 키트 공통값, 색만 콜라보스테이션) ── */
  --au-bg:var(--paper);
  --au-surface:var(--surface);
  --au-surface-2:var(--surface2);
  --au-text:var(--ink);
  --au-text-muted:var(--sub);       /* §4: 읽는 텍스트는 dim 이상. faint 는 라벨만 */
  --au-border:var(--line);
  --au-primary:var(--brand);        /* accent = KOCCA PURPLE */
  --au-primary-ink:#fff;
  --au-primary-weak:var(--brand-t);
  --au-accent:var(--accent);        /* 강조/포인트 = KOCCA ORANGE */
  --au-accent-weak:var(--accent-t);

  /* 상태색 — 의미 신호(§4). 브랜드(퍼플·오렌지)와 겹치지 않게 분리 */
  --au-ok:#1e7a4b;                  /* 정상 = 초록 */
  --au-warn:#8a5a0d;                /* 주의/지연 = 어두운 앰버(KOCCA ORANGE 와 구분) */
  --au-danger:#a32b23;              /* 오류/보안 = 빨강 */
  --au-info:#1f5aa8;                /* 정보 = 파랑 */

  /* 치수·타이포 = 키트 공통(§1·§3). 서체는 KOCCA 지정서체 Noto Sans CJK KR 우선. */
  --au-sidebar-w:248px; --au-topbar-h:60px; --au-content-pad:28px; --au-content-max:1560px;
  --au-radius:12px; --au-radius-sm:8px; --au-radius-pill:999px;
  --au-font:'Pretendard','Noto Sans KR','Malgun Gothic',system-ui,-apple-system,sans-serif;
  --au-lh:1.5; --au-lh-tight:1.2;
  --mono:ui-monospace,'SF Mono','JetBrains Mono',Menlo,Consolas,monospace;
}

/* §3 근원규칙: body 기본 line-height 명시(한글 줄 붙음 방지). *{margin:0} 리셋 시 필수. */
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--au-bg);color:var(--au-text);
  font-family:var(--au-font);font-size:14px;line-height:var(--au-lh);
  -webkit-font-smoothing:antialiased}
a{color:var(--au-primary);text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit}