/* packages/ 에서 복사됨 (scripts/sync-packages.sh) — 여기서 고치지 말고 원본을 고칠 것: packages/ui/tokens.css */
/* v3 디자인(FE-2) 토큰 — 2026-10-11 사용자 확정
   팔레트 A1: Adobe Color '네이비' 테마(023373 · 122F4D · F2F1EC · 7CAAC1)에서 마지막 갈색을 앰버로 교체
   글꼴: 사천우주체(장식) + 나눔스퀘어 네오 Heavy(제목·숫자) + KoPub 돋움(본문) + D2Coding(코드)
   시안: 디자인 캔버스 '코딩교실 리디자인 시안' (홈·단원·코스프로·문제·로그인)
   원본은 packages/ui/tokens.css 한 곳. 앱에는 빌드 때 static/theme.css 로 복사된다(scripts/sync-packages.sh). */

@import url("fonts.css");

:root {
  /* 팔레트 A1 */
  --navy: #023373;        /* 주색: 헤더·히어로·주 버튼 */
  --navy-deep: #122F4D;   /* 상단 띠·푸터·진한 타일 */
  --paper: #F2F1EC;       /* 페이지 바탕 */
  --sky: #7CAAC1;         /* 보조: 타일·썸네일·장식 (위 글씨는 --navy-deep) */
  --amber: #E3A33B;       /* 강조: 제출·이어서 풀기·현재 메뉴 밑줄 (위 글씨는 --navy-deep) */

  --surface: #FFFFFF;
  --line: #DCD9CE;
  --line-soft: #ECEAE3;
  --text: #122F4D;
  --muted: #5E6E80;
  --on-dark-muted: #D4DCE6;

  /* 상태 */
  --ok: #0F7A3E;   --ok-strong: #149A50; --ok-soft: #E2F4EA;
  --warn: #8A5A10; --warn-soft: #FBEEDB;
  --bad: #B3261E;  --bad-soft: #FBE9E7;

  /* 문제 유형 배지 */
  --type-choice: #023373; --type-choice-soft: #E3ECF3;
  --type-short: #8A5A10;  --type-short-soft: #FBEEDB;
  --type-code: #0F7A3E;   --type-code-soft: #E2F4EA;

  /* 글꼴 */
  --font-display: "Sacheon Uju", "NanumSquare Neo", sans-serif;
  --font-head: "NanumSquare Neo", "KoPub Dotum", sans-serif;
  --font-body: "KoPub Dotum", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --mono: "D2Coding", ui-monospace, Menlo, Consolas, monospace;
  --code-font: "JetBrains Mono", "D2Coding", ui-monospace, Menlo, Consolas, monospace;   /* 코드 에디터: 영문은 JetBrains Mono, 한글은 D2Coding */
}

/* 코드 에디터 테마 (FE-12: 해/달 버튼으로 전환, 선택은 브라우저에 기억)
   <html data-editor-theme="dark|light"> 로 고른다. 사이트 바탕은 바뀌지 않고 에디터·결과 칸만 바뀐다. */
:root, [data-editor-theme="dark"] {
  --ed-bg: #0F2236; --ed-bar: #122F4D; --ed-line: #22405F; --ed-ghost: #3A5878;
  --ed-fg: #E6ECF5; --ed-muted: #8EA3BA; --ed-gutter: #4F6680; --ed-panel: #0B1B2C;
  --ed-comment: #8197AF; --ed-keyword: #E3A33B; --ed-builtin: #7CAAC1; --ed-string: #A5D98F; --ed-number: #F2A07B;
  --ed-ok: #5CCB8F; --ed-case-line: #2E7D54; --ed-case-bg: #10302A;
}
[data-editor-theme="light"] {
  --ed-bg: #FBFAF6; --ed-bar: #F2F1EC; --ed-line: #E0DDD2; --ed-ghost: #C9C5B8;
  --ed-fg: #122F4D; --ed-muted: #5E6E80; --ed-gutter: #9AA3AE; --ed-panel: #FFFFFF;
  --ed-comment: #6F7C8B; --ed-keyword: #023373; --ed-builtin: #2F6FAD; --ed-string: #2F7A3E; --ed-number: #B4561A;
  --ed-ok: #0F7A3E; --ed-case-line: #8CCBA6; --ed-case-bg: #EEF8F2;
}