/* ── edu-portal 공용 디자인 토큰 (단일 소스) ──────────────────────────────
   기본값 = duonedu 계열 (성인 실무, 종이톤 + 머스터드/딥그린)
   data-skin="haman"  : 함안 e북 (초등 대상, 파스텔 블루/핑크/옐로우)

   각 강좌 문서는:
     <link rel="stylesheet" href="/assets/tokens.css">
     <link rel="stylesheet" href="/assets/deck.css">
   그 다음에 자체 스타일(로컬 skin 또는 style.css)을 로드한다.
   ────────────────────────────────────────────────────────────────────── */

:root{
  /* 잉크 & 표면 */
  --ink:#17181a;
  --ink-sub:#5f5c56;
  --surface:#ffffff;
  --paper:#f7f4ee;    /* 페이지 배경 */
  --bg:var(--paper);  /* alias — 기존 duonedu 마크업 호환 */
  --border:#dedad0;

  /* 액센트 슬롯(스킨으로 갈아끼움) */
  --accent:#245ab5;         /* 링크·주요 액션 */
  --accent-soft:#edf5ff;
  --mark:#f0c419;           /* 하이라이트(형광펜) */
  --mark-soft:#faf0cc;
  --warn:#7a3b28;
  --warn-bg:#f0d6ce;
  --ok:#40542f;
  --ok-bg:#dbe0cb;

  /* 코드 반전 카드 */
  --code-bg:#17181a;
  --code-fg:#f7f4ee;

  /* 타이포 */
  --display:"Noto Sans KR",system-ui,sans-serif;
  --body:"Noto Sans KR",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;

  /* 형태 */
  --radius:8px;
  --radius-lg:16px;
  --radius-pill:999px;

  /* 여백 스케일 */
  --gap:clamp(12px,2vw,20px);
  --pad-card:clamp(18px,3vw,28px);
  --pad-stage:clamp(22px,4vw,50px);

  /* 그림자 */
  --shadow-1:0 4px 12px rgba(0,0,0,.06);
  --shadow-2:0 12px 28px rgba(0,0,0,.08);

  /* 포커스 링 */
  --focus:4px solid var(--mark);
}

/* ── 함안 e북 스킨 : 밝은 파스텔, 초등 대상 ─────────────────────────── */
:root[data-skin="haman"],
[data-skin="haman"]{
  --paper:#f5faff;
  --surface:#ffffff;
  --border:#c4d6e5;
  --ink:#183b56;
  --ink-sub:#466478;

  --accent:#245ab5;
  --accent-soft:#edf5ff;
  --mark:#ffdc73;
  --mark-soft:#fff4ce;
  --warn:#e45788;
  --warn-bg:#ffe4ec;
  --ok:#3e8972;
  --ok-bg:#d9f2e5;

  --display:"Malgun Gothic",system-ui,sans-serif;
  --body:"Malgun Gothic",system-ui,sans-serif;

  --radius:10px;
  --radius-lg:14px;

  --focus:4px solid var(--warn);
}

/* 다크 모드 (선택) — 현재 두 스킨 모두 기본은 라이트 톤이므로 최소한만 */
@media (prefers-color-scheme: dark){
  /* 문서가 명시적으로 라이트를 요구하면 유지 */
  :root:not([data-theme="light"]){
    /* 아직 스킨별 다크 대응 미확정 — 기본 팔레트 유지 */
  }
}