/* ------------------------------------------------------------------
   BUSTAK design tokens
   paper + ink, one hot accent. Dark theme inverts paper/ink only.
   ------------------------------------------------------------------ */
:root {
  color-scheme: light;

  /* page */
  --bg: #f1ede4;
  --bg-2: #e7e2d7;
  --bg-3: #dcd6c8;
  --fg: #0d0d0f;
  --fg-2: #4b4b54;
  --fg-3: #686870; /* ≥4.5:1 on paper for 10–11px labels */

  /* inverted blocks (always "ink block with paper text") */
  --ink: #0d0d0f;
  --ink-2: #1a1a1f;
  --ink-3: #2b2b32;
  --paper: #f1ede4;
  --paper-2: #e7e2d7;

  /* accent */
  --accent: #ff2b5e;
  --accent-deep: #c9143f;
  --accent-fg: #0d0d0f;
  --lime: #d9ff3d;
  --cyan: #38e5ff;

  /* lines */
  --line: color-mix(in srgb, var(--fg) 16%, transparent);
  --line-2: color-mix(in srgb, var(--fg) 32%, transparent);
  --line-strong: var(--fg);

  /* type */
  /* 큰 표제: 라틴은 Anton, 한글은 Do Hyeon (Black Han Sans는 너무 뭉쳐 읽기 어렵고 크롬에서 획이 뚫려 보임) */
  --font-display: "Anton", "Do Hyeon", Impact, "Arial Narrow", sans-serif;
  /* 중간 제목(카드·목록): 읽기 우선, 본문 서체의 굵은 웨이트 */
  --font-head: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-mono: "IBM Plex Mono", "Nanum Gothic Coding", ui-monospace, Menlo, Consolas, monospace;
  --font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;

  /* layout */
  --gutter: clamp(16px, 4vw, 56px);
  --max: 1440px;
  --cell: 96px;
  --radius: 2px;
  --pill: 999px;
  --head-h: 64px;

  /* motion */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --fast: 160ms;
  --slow: 420ms;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0d0d0f;
  --bg-2: #15151a;
  --bg-3: #1f1f26;
  --fg: #f1ede4;
  --fg-2: #b9b4a8;
  --fg-3: #7f7b72;
  --ink: #f1ede4;
  --ink-2: #e2ddd1;
  --ink-3: #cfc9bb;
  --paper: #0d0d0f;
  --paper-2: #15151a;
  --accent-fg: #0d0d0f;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0d0d0f;
    --bg-2: #15151a;
    --bg-3: #1f1f26;
    --fg: #f1ede4;
    --fg-2: #b9b4a8;
    --fg-3: #7f7b72;
    --ink: #f1ede4;
    --ink-2: #e2ddd1;
    --ink-3: #cfc9bb;
    --paper: #0d0d0f;
    --paper-2: #15151a;
  }
}