/* ==========================================================================
   tokens.css — STAR TORCH ACADEMY 디자인 토큰
   컨셉: 마법학교 × 2000년대 인터넷 컴퓨터실 × 에이메스
   ACADEMY/ANALOG 65% : DIGITAL/ELECTRONIC 35%
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&family=Gaegu:wght@400;700&family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Serif+KR:wght@500;700;900&family=Poor+Story&family=Song+Myung&family=Space+Mono:wght@400;700&display=swap');

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-Regular.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}

:root {
  /* ---- Color: paper / ink / academy / accent ---- */
  --void: #0F0812;              /* 어두운 시험실 배경 */
  --void-deep: #090510;
  --academy-purple: #241033;    /* 벽/보드 계열 어두운 자주보라 */
  --academy-purple-2: #3A1D4D;

  --paper: #F2E7D4;             /* warm ivory */
  --paper-rose: #EEDCD6;        /* pale dusty pink paper */
  --paper-aged: #E4D3B8;        /* old paper beige (그림자/겹침용) */
  --paper-edge: #D8C29F;

  --ink: #2A1730;               /* deep plum, 거의 검정 */
  --ink-soft: #5A4258;

  --aimes-pink: #FF4FA0;
  --aimes-pink-deep: #C23784;
  --muted-magenta: #9A3E72;

  --gold: #C9A24A;              /* antique warm gold */
  --gold-bright: #E8C878;

  --cyan-accent: #6FD8D6;       /* 아주 소량만 */
  --crt-green: #6CFFB0;

  --stamp-red: #B23A3A;

  --line-soft: rgba(255, 255, 255, 0.10);
  --line-on-paper: rgba(42, 23, 48, 0.18);

  /* ---- Radius: 최소화 (학교 문서는 각짐) ---- */
  --radius-none: 0px;
  --radius-tiny: 2px;
  --radius-doc: 3px;

  /* ---- Typography roles ----
     A. TITLE/SUBJECT -> --font-serif  (Noto Serif KR)
     B. BODY/UI       -> --font-sans   (Pretendard)
     C. NUMBER/SYSTEM -> --font-mono   (Space Mono)
     D. HANDWRITING   -> --font-hand   (Gaegu)
     모두 한글 fallback 지정 (웹폰트 로드 실패 대비)
  */
  --font-serif: "Noto Serif KR", "Nanum Myeongjo", "Batang", serif;
  --font-literary: "Song Myung", "Noto Serif KR", "Nanum Myeongjo", "Batang", serif;
  --font-nanum-myeongjo: "Nanum Myeongjo", "Noto Serif KR", "Batang", serif;
  --font-brush: "East Sea Dokdo", "Nanum Brush Script", "Gaegu", cursive;
  --font-brush-readable: "East Sea Dokdo", "Gaegu", "Nanum Brush Script", cursive;
  --font-pen: "Poor Story", "Gaegu", "Nanum Pen Script", "Apple SD Gothic Neo", cursive;
  --font-sans: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-mono: "Space Mono", "Courier New", ui-monospace, "Nanum Gothic", monospace;
  --font-hand: "Gaegu", "Nanum Pen Script", "Apple SD Gothic Neo", sans-serif;

  --shadow-paper: 0 10px 24px -8px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0,0,0,0.35);
  --shadow-deep: 0 20px 50px -16px rgba(0, 0, 0, 0.7);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--void);
  color: var(--ink);
  font-family: var(--font-sans);
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }

.f-serif { font-family: var(--font-serif); }
.f-sans  { font-family: var(--font-sans); }
.f-mono  { font-family: var(--font-mono); letter-spacing: 0.02em; font-variant-numeric: tabular-nums; }
.f-hand  { font-family: var(--font-hand); }