/* ============================================================
   테마: classic — 잉크 블루 계열, 각진 모서리, 낮은 대비의 정적인 인상
   변경 범위는 CSS 변수 오버라이드 + 최소한의 형태 보정으로 제한한다.
   ============================================================ */
body[data-template="classic"] {
  --bg:        #10120f;
  --bg-2:      #171a16;
  --bg-3:      #1d211c;
  --bg-4:      #262b24;

  --ink:       #e8e8e2;
  --ink-soft:  #c2c4bb;
  --muted:     #8e9188;
  --faint:     #676a62;

  --line:      #262b26;
  --line-2:    #39403a;

  /* 각을 살린다 — noir 의 둥근 인상과 확실히 구분되게 */
  --r-xs: 0px;
  --r-sm: 2px;
  --r-md: 3px;
  --r-lg: 6px;
}

/* 헤드라인을 더 크고 성기게 */
body[data-template="classic"] .row-title { letter-spacing: .01em; }
body[data-template="classic"] .row-num {
  color: var(--muted);
  border-left: 2px solid var(--accent);
  padding-left: 8px;
}

/* 타일 테두리를 얇게, hover 이동을 절제해서 정적인 느낌을 준다 */
body[data-template="classic"] .tile:hover .tile-frame {
  transform: translateY(-2px) scale(1.012);
  box-shadow: 0 12px 30px -20px rgba(0, 0, 0, .95);
}